Line 2: Line 2:
  
 
                 <a href="#" class="thumbnail">
 
                 <a href="#" class="thumbnail">
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="hjhjhjhjhj">
+
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                 </a>
 
                 </a>
  
Line 9: Line 9:
 
           <div class="row-fluid">
 
           <div class="row-fluid">
 
             <ul class="thumbnails">
 
             <ul class="thumbnails">
               <li class="span3">
+
               <li class="span1">
 
                 <a href="#" class="thumbnail">
 
                 <a href="#" class="thumbnail">
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
+
                   <img data-url="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                 </a>
 
                 </a>
 
               </li>
 
               </li>
               <li class="span3">
+
               <li class="span1">
 
                 <a href="#" class="thumbnail">
 
                 <a href="#" class="thumbnail">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                 </a>
 
                 </a>
 
               </li>
 
               </li>
               <li class="span3">
+
               <li class="span1">
 
                 <a href="#" class="thumbnail">
 
                 <a href="#" class="thumbnail">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                 </a>
 
                 </a>
 
               </li>
 
               </li>
               <li class="span3">
+
               <li class="span1">
                 <a href="#" class="thumbnail">
+
                 <a href="http://twitter.github.com/bootstrap/customize.html" class="thumbnail">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                   <img data-src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="">
 
                 </a>
 
                 </a>
Line 31: Line 31:
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
 +
 +
<ul class="thumbnails"> 
 +
        <li class="span5"> 
 +
          <div class="thumbnail"> 
 +
            <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="product 1"> 
 +
            <div class="caption"> 
 +
              <h5>Product detail</h5> 
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore      magna aliqua.</p> 
 +
              <p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p> 
 +
            </div> 
 +
          </div> 
 +
        </li> 
 +
        <li class="span5"> 
 +
          <div class="thumbnail"> 
 +
            <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="product 2"> 
 +
            <div class="caption"> 
 +
              <h5>Product detail</h5> 
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
 +
              <p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p> 
 +
            </div> 
 +
          </div> 
 +
        </li> 
 +
      </ul> 
  
  

Revision as of 18:21, 23 February 2013

Default thumbnails

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

  • product 1
    Product detail

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Buy Try

  • product 2
    Product detail

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Buy Try

Heading

Warning! Best check yo self, you're not looking too good.

Heading

Tagline

Learn more





Whos here now:   Members 0   Guests 0   Bots & Crawlers 1