/Javascript/Bootstrap/Bootstrap carousel dynamic height jquery

Bootstrap carousel dynamic height jquery

$(function(){
    $(document).ready(function(){
        var height = $(window).height();
var width = $(window).width();
var header =$('header.site-navbar').height();
var finalwidth =height-header;
// alert(finalwidth);
$('.carousel-item img').css('height',''+finalwidth+'px');
});
    });

Similar codes

61 votes323 views2 answers
Bootstrap flex direction column
CSS Bootstrap
126 votes318 views5 answers
React Bootstrap css import
CSS Bootstrap
0 vote226 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
9 votes248 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote213 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote242 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote162 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote213 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
0 vote230 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote217 views1 answer
Filter bootstrap
Javascript Bootstrap