/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

0 vote325 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote329 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
1 vote333 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
42 votes331 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote313 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
1 vote318 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote296 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
1 vote354 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote320 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote321 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap