Bootstrap Tutorial - Create three thumbnails








The following code shows how to create three thumbnails.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
</head><!--from  w  w  w  . ja  va  2 s .c o  m-->
<body>
  <div class="container">
    <ul class="list-inline list-unstyled row">
      <li class="col-lg-4">
        <div class="thumbnail">
          <img src="http://placehold.it/350x150" alt="">
          <div class="caption">
            <a class="delete">X</a>
            <h3>
              <a class="video_item">Howdy</a>
            </h3>
          </div>
        </div>
      </li>
      <li class="col-lg-4">
        <div class="thumbnail">
          <img src="http://placehold.it/350x150" alt="">
          <div class="caption">
            <a class="delete">X</a>
            <h3>
              <a class="video_item">Howdy</a>
            </h3>
          </div>
        </div>
      </li>
      <li class="col-lg-4">
        <div class="thumbnail">
          <img src="http://placehold.it/350x150" alt="">
          <div class="caption">
            <a class="delete">X</a>
            <h3>
              <a class="video_item">Howdy</a>
            </h3>
          </div>
        </div>
      </li>
    </ul>
  </div>
</body>
</html>

Click to view the demo