Bootstrap 3 Slider

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by David_Knowles

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div id="testimonial-slider" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">      
            <h3>Lorem ipsum dolor sit amet.</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi perferendis adipisci assumenda nam dolorem hic.</p>
                <a class="left carousel-control" href="#testimonial-slider" data-slide="prev">&lt;</a>
                <a class="right carousel-control" href="#testimonial-slider" data-slide="next">&gt;</a>
        </div>
        <div class="item">          
             <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia excepturi temporibus quisquam sed quo reiciendis.</h3>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam deserunt saepe tempore odit nihil deleniti distinctio sit quae repudiandae earum est totam ipsum accusamus voluptatibus maiores neque aut ad officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit provident impedit maxime incidunt aperiam dolore optio ea dicta fugit harum!</p>
                <a class="left carousel-control" href="#testimonial-slider" data-slide="prev">&lt;</a>
                <a class="right carousel-control" href="#testimonial-slider" data-slide="next">&gt;</a>
        </div>
    </div>
</div>

CSS

body {
    margin: 10px;
}

#testimonial-slider {
    background-color: #cccccc;
}

JavaScript

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);
    });
}

bsCarouselAnimHeight();