/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

13 votes391 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote378 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
0 vote385 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote456 views1 answer
Bootstrap datepicker js cdn
Javascript Bootstrap
0 vote410 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
255 votes582 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
2 votes406 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
0 vote396 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
4 votes413 views1 answer
Bootstrap file select class
CSS Bootstrap
2 votes411 views8 answers
Bootstrap 5
CSS Bootstrap