/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

238 votes301 views5 answers
Include bootstrap
CSS Bootstrap
4 votes153 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote198 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote185 views1 answer
React bootstrap table
Javascript Bootstrap
0 vote203 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote194 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
0 vote201 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote126 views5 answers
Boostrap css
CSS Bootstrap
0 vote194 views1 answer
Bootstrap not working in print
Javascript Bootstrap
0 vote175 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap