"carousel"
Bootstrap 3.3.0 Snippet by ptpradeep

<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="carousel carousel-margin"> <ul class="list-inline"> <li class="clearfix"> <div class="carousel-block"> <h4>TexturableDecor</h4> <img src="https://img1.etsystatic.com/037/0/18227167/iusa_75x75.24628561_dirp.jpg"/> </div> </li> <li class="clearfix"> <div class="carousel-block"> <h4>Yummy Treasures</h4> <img src="https://img1.etsystatic.com/059/0/5631441/iusa_75x75.31019053_6poq.jpg"/> </div> </li> <li class="clearfix"> <div class="carousel-block"> <h4>confettiriotshop</h4> <img src="https://img0.etsystatic.com/051/0/24933697/iusa_75x75.29461932_1u0x.jpg"/> </div> </li> </ul> </div> </div> </div>
body { background-image: url("http://pixelkit.com/free-ui-kits/funky-tunes/images/bg.jpg"); /* background-color: #00ccdd; */ } .carousel-margin{ margin-top: 20px; } .carousel-block{ float:left; height: 140px; width: 140px; color: #985965; margin-bottom: 2px; margin-left: 10px; margin-top: 10px; margin-right: 2px; padding-left: 10px; padding-right: 2px; background-color: #fff; border: 1px solid #ececec; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .carousel-block h4{ font-size: 10px; }

Related: See More


Questions / Comments: