/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

14 votes276 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote246 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote225 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote242 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
-1 vote232 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
111 votes355 views6 answers
Install bootstrap in react
Javascript Bootstrap
1 vote261 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote216 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote220 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
15 votes351 views8 answers
React bootstrap
Javascript Bootstrap