bootstrap carousel passing data

by Kyle Mitofsky

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.js"></script>
<div id="ismdb" class="carousel slide" data-interval="false" data-ride="carousel">
    <div class="carousel-inner">
        <div class="item active">
            <h3>First Panel</h3> <br/>
            <a href="#ismdb" data-slide-to="1" class="btn btn-primary">click1</a>
            <a href="#ismdb" data-slide-to="2" class="btn btn-primary">click2</a>
        </div>
        <div class="item">
            <h3>Second Panel - Click 1</h3><br/>
            <a href="#ismdb" data-slide-to="0" class="btn btn-primary">Previous</a>
        </div>
        <div class="item">
            <h3>Second Panel - Click 2</h3><br/>
            <a href="#ismdb" data-slide-to="0" class="btn btn-primary">Previous</a>
        </div>
    </div>
</div>

CSS

.carousel, .item{
    width:100%;
    height:200px;
    background-color:#f0f0f0;
    border:1px solid #f0f0f0;
    text-align: center;
}