"Mobile App Carrousel"
Bootstrap 3.3.0 Snippet by joao12ferreira

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-sm-3 col-xs-12"> <div class="phone"> <img alt="" src="http://handsontek.net/demoimages/mobileapp/iphone5s-ns.png" class="img-responsive"> <div class="iphone5-screen"> <div class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="http://handsontek.net/demoimages/mobileapp/iphone5s-app1.jpeg" class="img-responsive"> </div> <div class="item"> <img src="http://handsontek.net/demoimages/mobileapp/iphone5s-app2.jpeg" class="img-responsive"> </div> <div class="item"> <img src="http://handsontek.net/demoimages/mobileapp/iphone5s-app3.jpeg" class="img-responsive"> </div> <div class="item"> <img src="http://handsontek.net/demoimages/mobileapp/iphone5s-app4.jpeg" class="img-responsive"> </div> <div class="item"> <img src="http://handsontek.net/demoimages/mobileapp/iphone5s-app5.jpeg" class="img-responsive"> </div> </div> </div> </div> </div> </div> <div class="col-sm-9 col-xs-12"> <h2>Promote your mobile app using a bootstrap carrousel</h2> <p>Praesent congue iaculis pulvinar. Praesent sit amet consequat sem, nec scelerisque nisl.</p> <p>Nullam urna erat, aliquet vel neque ut, tincidunt lacinia purus. Praesent at tincidunt arcu. Nullam fringilla a ipsum vel condimentum. Nam vehicula condimentum semper. Pellentesque vehicula tempus purus nec varius.</p> <p>Vestibulum ullamcorper mattis orci, sed tempus elit malesuada consequat. Integer sagittis metus quis bibendum posuere. In convallis dapibus tempus. Donec id mi in enim pulvinar ultrices.</p> </div> </div> </div>
.phone { position: relative; margin-top: 15px; } .phone .iphone5-screen { left: 8.2%; overflow: none; position: absolute; right: 8.2%; top: 14.5%; }

Related: See More


Questions / Comments: