/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 vote297 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote261 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
9 votes262 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote273 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote300 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
0 vote291 views1 answer
Wp_enqueue_script bootstrap 5
Javascript Bootstrap
1 vote303 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
0 vote253 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
0 vote222 views0 answer
Bootstrapcss
CSS Bootstrap
0 vote287 views1 answer
React bootstrap profile card
Javascript Bootstrap