bootstrap tutorial: Bootstrap Thumbnails

Bootstrap Thumbnails

Adding Custom Content

<div class="row">
 
<div class="col-sm-6 col-md-3">
 
<div class="thumbnail">
 <img src="img/pool.jpg" alt="Generic placeholder thumbnail"> </div>
<div class="caption">
 <h3>
Thumbnail label</h3>
<p>
Some sample text. Some sample text.</p>
<p>
<a href="#" class="btn btn-primary" role="button"> Button </a> <a href="#" class="btn btn-default" role="button"> Button </a> </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
 <div class="thumbnail">
 <img src="img/pool.jpg" alt="Generic placeholder thumbnail"> </div>
<div class="caption">
 <h3>
Thumbnail label</h3>
<p>
Some sample text. Some sample text.</p>
<p>
<a href="#" class="btn btn-primary" role="button"> Button </a>
     <a href="#" class="btn btn-default" role="button"> Button </a> </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
       <div class="thumbnail">
 <img src="img/pool.jpg" alt="Generic placeholder thumbnail"> </div>
<div class="caption">
        <h3>
Thumbnail label</h3>
<p>
Some sample text. Some sample text.</p>
<p>
<a href="#" class="btn btn-primary" role="button"> Button </a> <a href="#" class="btn btn-default" role="button"> Button </a> </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
 <div class="thumbnail">
         <img src="img/pool.jpg" alt="Generic placeholder thumbnail"> </div>
<div class="caption">
 <h3>
Thumbnail label</h3>
<p>
Some sample text. Some sample text.</p>
<p>
<a href="#" class="btn btn-primary" role="button"> Button </a> <a href="#" class="btn btn-default" role="button"> Button </a> </p>
</div>
</div>
</div>

Tuesday, 3 March 2015

Bootstrap Thumbnails

No comments:

Post a Comment