How to make images in Bootstrap Carousel responsive?

Question

Is there a way to make your images within bootstrap\'s carousel responsive with a fixed height? I\'ve tried everything. I also used img-responsive, and in the CSS I tried

Answer 1

Try this jq, it makes your .carousel-inner as window height. but remember to -height your navnbar, footer ect. all other elements/divs heights you have to -.

function init_carousel() {
            H = +($(window).height() /* -height here  */); // or $('.carousel-inner') as you want ...
            $('.carousel-inner').css('height', H + 'px');
        }
        window.onload = init_carousel;
        init_carousel();