/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

3 votes194 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
-1 vote194 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote112 views1 answer
Import button react-bootstrap
Javascript Bootstrap
4 votes157 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote174 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote193 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
-1 vote177 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
0 vote190 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
-1 vote124 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
0 vote199 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap