How to animate height change on Bootstrap 3 Carousel

Question

I know there is this question. The proposed solution doesn't work for Bootstrap 3 unfortunately (although it does for bs 2.3.1). So how would I do it there?

Answer 1

It's possible to fix this with a simple JavaScript-Snippet:

function bsCarouselAnimHeight()
{
    $('.carousel').carousel({
        interval: 5000
    }).on('slide.bs.carousel', function (e)
    {
        var nextH = $(e.relatedTarget).height();
        $(this).find('.active.item').parent().animate({ height: nextH }, 500);
    });
}