/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

33 votes412 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote443 views2 answers
Bootstrap 5 container
CSS Bootstrap
0 vote443 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote442 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
0 vote407 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
2 votes404 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
-1 vote428 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote341 views1 answer
Import button react-bootstrap
Javascript Bootstrap
18 votes481 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote434 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap