problema con bootstrap (thumbnails)

[Montes28]

hola amigos espero me puedan ayudar.

me encuentro trabajando con bootstrap ( thumbnails) pero tengo problemas para posicionarlo esta es la imagen del problema que tengo http://imageshack.us/f/542/errorxe.png

buscando por internet encontre algo que me puede servir pero no se como implementarlo http://stackoverflow.com/questions/1...s-in-bootstrap

[pzin]

La solución que dan ahí es según yo un poco así...

Yo lo que haría, si realmente Bootstrap te está añadiendo un margen izquierda al primer elemento, simplemente quitarlo.

Código CSS:

.clase:first-child {
  margin-left: 0;
}
 

Esto basado en la imagen y en lo que dicen en SO.

[Montes28]

pzin gracias por responder , pero no logro implementar lo que mi indicas este es mi codigo

Código HTML:

<div class="container-fluid">
      <div class="row-fluid">
        <div class="span4">
          <div class="well sidebar-nav">
            <div id="datepicker"></div>
                         
          </div><!--/.well -->
        </div><!--/span-->
 
        <div class="span8">
            <div class="row-fluid">
            <ul class="thumbnails">
            <?php
            $fecha_actual = date('Y-m-j');
            $dia_anterior = strtotime ( '-1 day' , strtotime ( $fecha_actual ) ) ;
            $dia_anterior = date ( 'm.d.Y' , $dia_anterior);
            list($mes1, $dia1, $año1) = explode(".", $dia_anterior);
            $a=$año1.$mes1.$dia1;
            //echo "<h2><p class='text-center'>".$fecha_actual."</p></h2><br>";
            $directorio = opendir("./image/");
            while (false !==($archivo = readdir($directorio))) 
            {
                if (is_dir($archivo))
                {
                   
                }
                else
                {
                  $data=$archivo;
                  list($estacion, $año, $mes, $dia) = explode("_", $data);
                  $rest = substr($data, 5, -6);
                  list($año2, $mes2, $dia2) = explode("_", $rest);
                  $b= $año2.$mes2.$dia2;
                  if ($a == $b) {
                    ?>
                <li class="span2">
                <div class="thumbnail">
                <?php echo "<a href='/sismogramas/image/$archivo' target='_blank'><img src='./small/$archivo' height='300' width='200px'></a>";?>
                <div class="caption">
                  <h3><?php echo $estacion ?></h3>
                  <p><?php echo $año."-".$mes."-".$dia?></p>
                  <p align="center"><?php echo "<a href='/sismogramas/image/$archivo' target='_blank' class='btn btn-primary btn-block'>"; ?>Ver</a></p>
                </div>
              </div>
            </li>
                  <?php
                  }
                }   
            }
            ?>
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->
      <hr>
 
      <footer>
        <p>&copy; SGC 2013</p>
      </footer>
 
</body>
 

[pzin]

¿Tienes el sitio online?

El caso es que, según el enlace de StackOverflow que pones, ahí dicen que Bootstrap añade el margen al primer elemento. Entonces la cuestión pasaría por quitarle ese margen al primer elemento.

No tengo claro si ese primer elemento será el de la clase .span2. Esa es la duda.

Código CSS:

.span2:first-child {
  margin-left: 0 !important;
}
 

Usa el !important sólo para hacer la prueba. Luego miramos la forma de quitarlo si hace falta. Siempre recomiendo no usar !important.