"Thumbnails on main page July "
Bootstrap 3.2.0 Snippet by rhondak

<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 ----------> <p><span style="font-size:20px;"><span style="color:#000080;"><strong>WELCOME TO THE STATE COLLEGE OF FLORIDA LIBRARIES</strong></span></span></p> <p> </p> <div class="row"> <div class="col-xs-4" class="hidden-xs"> <a class="thumbnail" href="http://libguides.scf.edu/writing_citing_mla_apa_citation" target="_blank" title="APA, MLA, ASA AMA Citation Style Help."><img alt="Need to Know how to cite you work?" class="img-responsive" src="https://s3.amazonaws.com/libapps/customers/106/images/footstepssand346x191writingciting.jpg" alt="Help with Writing and Citing" Tite="Help with MLA, APA, ASA and AMA citation styles."/></a></div> <div class="col-xs-4"><a class="thumbnail" href="http://libguides.scf.edu/scf_ebooks_evideos" target="_blank" title="Find eBooks and eVideos in these resources."><img alt="The State College of Florida has eBook and eVideo databases." class="img-responsive" src="https://s3.amazonaws.com/libapps/customers/106/images/Kindlex346x191evideoebook.jpg.jpg" /></a></div> <div class="col-xs-4"><a class="thumbnail" href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help" target="_blank" title="Most asked questions at the Library. Find help here."> <img alt="Frequently Asked Questions." class="img-responsive" src="https://s3.amazonaws.com/libapps/customers/106/images/rainfaq346x191.jpg.jpg" /></a></div> </div> </div> <hr />
.function fixThumbnailMargins() { $('.row-fluid .thumbnails').each(function () { var $thumbnails = $(this).children(), previousOffsetLeft = $thumbnails.first().offset().left; $thumbnails.removeClass('first-in-row'); $thumbnails.first().addClass('first-in-row'); $thumbnails.each(function () { var $thumbnail = $(this), offsetLeft = $thumbnail.offset().left; if (offsetLeft < previousOffsetLeft) { $thumbnail.addClass('first-in-row'); } previousOffsetLeft = offsetLeft; }); }); }

Related: See More


Questions / Comments: