/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

2 votes253 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote269 views2 answers
Bootstrap tooltip keep open on hover
Javascript Bootstrap
127 votes293 views4 answers
React import bootstrap css
CSS Bootstrap
18 votes273 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
0 vote263 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote271 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
0 vote256 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
0 vote268 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
0 vote262 views1 answer
Bootstrap table using javascript
Javascript Bootstrap
13 votes223 views3 answers
Angular.json bootstrap path
Javascript Bootstrap