Skip to content

B
bootstrap
Commit 72fb2caf authored by Mark Otto's avatar Mark Otto
Browse files
Options

Update thumbnails col classes

parent 01f7bc4d
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 9 deletions
components.html
View file @ 72fb2caf
...@@ -2065,22 +2065,22 @@ body { padding-bottom: 70px; } ...@@ -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> <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
<div class="bs-example"> <div class="bs-example">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
</a> </a>
</div> </div>
<div class="col-lg-3"> <div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
</a> </a>
</div> </div>
<div class="col-lg-3"> <div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
</a> </a>
</div> </div>
<div class="col-lg-3"> <div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
</a> </a>
...@@ -2089,7 +2089,7 @@ body { padding-bottom: 70px; } ...@@ -2089,7 +2089,7 @@ body { padding-bottom: 70px; }
</div><!-- /.bs-example --> </div><!-- /.bs-example -->
{% highlight html %} {% highlight html %}
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail"> <a href="#" class="thumbnail">
<img data-src="holder.js/100%x180" alt="..."> <img data-src="holder.js/100%x180" alt="...">
</a> </a>
...@@ -2102,7 +2102,7 @@ body { padding-bottom: 70px; } ...@@ -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> <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="bs-example">
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-sm-6 col-md-3">
<div class="thumbnail"> <div class="thumbnail">
<img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
<div class="caption"> <div class="caption">
...@@ -2112,7 +2112,7 @@ body { padding-bottom: 70px; } ...@@ -2112,7 +2112,7 @@ body { padding-bottom: 70px; }
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-sm-6 col-md-3">
<div class="thumbnail"> <div class="thumbnail">
<img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
<div class="caption"> <div class="caption">
...@@ -2122,7 +2122,7 @@ body { padding-bottom: 70px; } ...@@ -2122,7 +2122,7 @@ body { padding-bottom: 70px; }
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-sm-6 col-md-3">
<div class="thumbnail"> <div class="thumbnail">
<img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,">
<div class="caption"> <div class="caption">
...@@ -2136,7 +2136,7 @@ body { padding-bottom: 70px; } ...@@ -2136,7 +2136,7 @@ body { padding-bottom: 70px; }
</div><!-- /.bs-example --> </div><!-- /.bs-example -->
{% highlight html %} {% highlight html %}
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-sm-6 col-md-3">
<div class="thumbnail"> <div class="thumbnail">
<img data-src="holder.js/300x200" alt="..."> <img data-src="holder.js/300x200" alt="...">
<div class="caption"> <div class="caption">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment