"Responsive imgur.com Embedded Slideshow"
Bootstrap 3.2.0 Snippet by mrmccormack

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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"> <h2>Responsive imgur.com Embedded Slideshow</h2> <p> <a href="http://imgur.com/">Imgur</a> is an image community that creates, consumes and shares tomorrow's viral images, today. Millions of images are uploaded each day to Imgur, where they are distilled by the Imgurian community into a stream of the Internet's best images and viewed billions of times. </p> <hr> <p> <a href="http://bootsnipp.com/iframe/g6zdz" target="_blank">View Full Screen </a> <i>(Req'd to test on mobile device)</i> </p> <hr> <iframe class="imgur-album" width="100%" height="550" src="//imgur.com/a/GKulC/embed"></iframe> <hr> <!-- Validation --> <p> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2Fg6zdz" target="_blank"><small>HTML</small><sup>5</sup></a> </p> <p> <a href="https://github.com/twbs/bootlint" target="_blank"><small>Checked with Bootlint</small></a> </p> </div> </div>

Related: See More


Questions / Comments: