/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

41 votes161 views4 answers
Bootstrap npmjs
Javascript Bootstrap
4 votes168 views5 answers
Bootstrap img src
CSS Bootstrap
0 vote159 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote194 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
1 vote172 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
33 votes175 views3 answers
React native bootstrap
Javascript Bootstrap
3 votes167 views9 answers
Bootstrap 5
Javascript Bootstrap
4 votes158 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote110 views5 answers
Boostrap css
CSS Bootstrap
18 votes160 views5 answers
Col-md-6 bootstrap
CSS Bootstrap