Bootstrap 2 does not make the image float

1

I have a problem trying to put an image next to the other with Bootstrap:

<ul class="thumbnails">
     <li class="span4">
          <div class="thumbnail">
               <a href="#" class="thumbnail inner-border">

                   <img class="foto" src="uploaded/<?= $linha->img_nome; ?>">
               </a>
               <h3>Descrição da imagem: <?= $linha->titulo ?></h3>
               <p>Texto da pagina: <?= $linha->texto_da_imagem ?></p>
          </div>
     </li>
</ul> 

I do not know why the image does not want to float, would it be the Bootstrap version?

    
asked by anonymous 15.06.2015 / 06:11

1 answer

1

You have two options, the first one, to preserve your code, is to put everything between row s:

<div class="row">
  <div class="col-md-3">
<ul class="thumbnails">
     <li class="span4">
          <div class="thumbnail">
               <a href="#" class="thumbnail inner-border">

                   <img class="foto" src="uploaded/&lt;?= $linha-&gt;img_nome; ?&gt;">
               </a>
               <h3>Descrição da imagem: <!--?= $linha--->titulo ?&gt;</h3>
               <p>Texto da pagina: <!--?= $linha--->texto_da_imagem ?&gt;</p>
          </div>
     </li>
</ul> 
</div>
</div>

Example

The second one, which I advise, is to remove the ul , which does not look cool inside the rows, and only use the standard tab:

<div class="row">  
  <div class="col-md-3">
          <div class="thumbnail span4">
               <a href="#" class="thumbnail inner-border">
                   <img class="foto" src="uploaded/&lt;?= $linha-&gt;img_nome; ?&gt;">
               </a>
               <h3>Descrição da imagem: <!--?= $linha--->titulo ?&gt;</h3>
               <p>Texto da pagina: <!--?= $linha--->texto_da_imagem ?&gt;</p>
          </div>
    </div>
</div>

The important thing is to maintain the dynamics inside the row, respecting the limit of 12 established in the bootstrap.

Example

    
15.06.2015 / 22:22