Bootstrap Snippet Thumbnails on main page July using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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 />
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.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;
        });
    });
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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

Related: See More

Questions / Comments:

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

Related: See More

Questions / Comments:

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