diff options
| author | Mark Otto <[email protected]> | 2013-08-19 09:10:19 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-19 09:10:19 -0700 |
| commit | 72fb2caf00b4d4a7c941bab5f98587efb751e21e (patch) | |
| tree | 0c6e4f2ca97fcb1f875062192c3622bdc82e8f52 | |
| parent | 01f7bc4d8602467b10827ee279cc7e2877574615 (diff) | |
| download | bootstrap-72fb2caf00b4d4a7c941bab5f98587efb751e21e.tar.xz bootstrap-72fb2caf00b4d4a7c941bab5f98587efb751e21e.zip | |
Update thumbnails col classes
| -rw-r--r-- | components.html | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/components.html b/components.html index 9bd2b3d48..a428529b1 100644 --- a/components.html +++ b/components.html @@ -2065,22 +2065,22 @@ body { padding-bottom: 70px; } <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p> <div class="bs-example"> <div class="row"> - <div class="col-lg-3"> + <div class="col-sm-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> </a> </div> - <div class="col-lg-3"> + <div class="col-sm-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> </a> </div> - <div class="col-lg-3"> + <div class="col-sm-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> </a> </div> - <div class="col-lg-3"> + <div class="col-sm-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> </a> @@ -2089,7 +2089,7 @@ body { padding-bottom: 70px; } </div><!-- /.bs-example --> {% highlight html %} <div class="row"> - <div class="col-lg-3"> + <div class="col-sm-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="..."> </a> @@ -2102,7 +2102,7 @@ body { padding-bottom: 70px; } <p>With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p> <div class="bs-example"> <div class="row"> - <div class="col-lg-4"> + <div class="col-sm-6 col-md-3"> <div class="thumbnail"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <div class="caption"> @@ -2112,7 +2112,7 @@ body { padding-bottom: 70px; } </div> </div> </div> - <div class="col-lg-4"> + <div class="col-sm-6 col-md-3"> <div class="thumbnail"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <div class="caption"> @@ -2122,7 +2122,7 @@ body { padding-bottom: 70px; } </div> </div> </div> - <div class="col-lg-4"> + <div class="col-sm-6 col-md-3"> <div class="thumbnail"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <div class="caption"> @@ -2136,7 +2136,7 @@ body { padding-bottom: 70px; } </div><!-- /.bs-example --> {% highlight html %} <div class="row"> - <div class="col-lg-4"> + <div class="col-sm-6 col-md-3"> <div class="thumbnail"> <img data-src="holder.js/300x200" alt="..."> <div class="caption"> |