Components

Thumbnails

Default thumbnails

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

<div class="row-fluid">
  <ul class="thumbnails">
    <li class="span4">
      <a href="..." class="thumbnail"><img data-src="..." alt="..."></a>
    </li>
     ...
  </ul>
</div>

Highly customizable

With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

<div class="row-fluid">
  <ul class="thumbnails">
  <li class="span4">
    <div class="thumbnail">
      <img data-src="..." alt="...">
      <h3>Thumbnail label</h3>
      <p>...</p>
    </div>
  </li>
  </ul>
</div>