Thumbnails

<< Click to Display Table of Contents >>

Navigation:  Bootstrap >

Thumbnails

Previous pageReturn to chapter overviewNext page

Tela

 

bootstrap16

 

Fonte

 

<!DOCTYPE html>

<html>

<head>

  <link href="css/bootstrap.min.css" rel="stylesheet">

  <link href="css/bootstrap-responsive.min.css" rel="stylesheet">

  <style>

       

  </style>

</head>

<body>

  <div class="container">

      <div class="row">

          <div class="span12">

              <hr />

              <ul class="thumbnails">

                  <li class="span3"><a href="#" class="thumbnail">

                      <img src="http://cqpamev.com/imagens%20cqp/informatica_basica.png" />

                  </a></li>

                  <li class="span3"><a href="#" class="thumbnail">

                      <img src="http://images01.olx.pt/ui/15/64/79/1316518039_254005579_1-Mister-Informatica-Reparacoes-gerais-em-Portateis-e-Desktops-Precos-baratos-919613631.png" />

                  </a></li>

                  <li class="span3"><a href="#" class="thumbnail">

                      <img src="http://images02.olx.com.br/ui/6/20/59/1277412744_101681159_1-Fotos-de--Manutencao-de-Computadores-e-Cursos-de-Informatica-em-Itapecerica-1277412744.png"/>

                  </a></li>

                  <li class="span3"><a href="#" class="thumbnail">

                      <img src="http://www.vpinformatica.com.br/produtos/p_assistencia.gif" />

                  </a></li>

              </ul>

          </div>

      </div>

  </div>

</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>

<script src="js/bootstrap.min.js"></script>

</html>