<div id="myCarousel-2" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="active item">
<div style="background:url(demoimages/home-slider-1.jpg) 50% 0 no-repeat; height:250px;">
<div class="container"> <!-- optional, use .container to center caption on the page -->
<div class="row">
<div class="col-md-6 carousel-caption">
<a class="btn btn-inverse">Learn more</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container"> <!-- optional, use .container to center caption on the page -->
<div class="row">
<div class="col-md-6 carousel-caption">
<h1>Add video content</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.<br>
Donec id elit non mi porta gravida at eget metus. Nullam id dolor<br>
ultricies vehicula ut id elit.<br/><br/>
<a class="btn btn-inverse">Learn more</a></p>
</div>
<div class="col-md-6" style="padding:20px 0; text-align:center;">
<div class="img img-polaroid" style="display:inline-block;">
<iframe width="300" height="230" src="http://www.youtube.com/embed/vsRiSUrtDdc" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container carousel-caption" style="text-align:center;"> <!-- optional, use .container to center caption on the page -->
</div>
</div>
<!-- Controls -->
<a class="carousel-control left" href="#myCarousel-2" data-slide="prev"></a>
<a class="carousel-control right" href="#myCarousel-2" data-slide="next"></a>
</div>
