"Thumbnails like Bootsnipp"
Bootstrap 3.1.0 Snippet by escapedlion

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <table style="width: 100%;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center"> <table class="TixManagementContent" id="TixManagementContent" width="990px"> <tbody><tr> <td align="center"> <div class="carousel-inner" id="wrapper"> <div class="item active"> <div class="col-md-4"> <a href="#" class="thumbnail"> <img src="http://placehold.it/350x200" alt="ALT NAME"> <div class="caption"> <h3>Artsnaplesworldfestival</h3> <p> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Launch</button> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Email</button> </p> </div> </a> </div> <div class="col-md-4"> <a href="#" class="thumbnail"> <img src="http://placehold.it/350x200" alt="ALT NAME"> <div class="caption"> <h3>Artsnaplesworldfestival</h3> <p> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Launch</button> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Email</button> </p> </div> </a> </div> <div class="col-md-4"> <a href="#" class="thumbnail"> <img src="http://placehold.it/350x200" alt="ALT NAME"> <div class="caption"> <h3>Artsnaplesworldfestival</h3> <p> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Launch</button> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Email</button> </p> </div> </a> </div> </div> <div> <div class="row"> <div class="col-sm-6 col-md-4"> <a href="#" class="thumbnail"> <img src="http://placehold.it/350x200" alt="ALT NAME"> <div class="caption"> <h3>Thumbnail label</h3> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top" style="width:40%">Launch</button> <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top" style="width:40%">Email</button> </div> </div> </a> </div> </div> </div> </div> </td> </tr> </tbody> </table> </center>
#wrapper * { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } a {text-decoration:none;} body {background-color: rgb(224, 224, 224);} table#TixManagementContent { background-color: rgb(252, 252, 253); } table { background-color: rgb(224, 224, 224); } a:active, a:focus, .btn:active, .btn:focus {outline: 0;} #wrapper {margin:0px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px;} #wrapper * { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

Related: See More


Questions / Comments: