Problemas para imprimir elementos de array en boostrap

[Montes28]

hola amigos espero me puedan ayudar, tengo un array con 12 elementos los cuales los cuales los necesito imprimir en 4 columnas y 3 filas estoy utilizando boostrap

Código PHP:

@foreach ($paginator as $value)
 

Código HTML:

<div class="block-content collapse in">
                                <div class="row-fluid padd-bottom">
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        {{{$key}}}
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                       {{{$key}}}
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                      {{{$key}}}
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        {{{$key}}}
                                      </a>
                                  </div>
                                </div>
                                  </div>
 

Código PHP:

@endforeach
 

el problema es que de esta manera solo me imprime un columna, como imprimo las otras columnas ?

por el momento imprimo asi

0 0 0 0
1 1 1 1
2 2 2 2
3 3 3 3


y necesito que se imprima asi:
0 1 2 3
4 5 6 7
8 9 10 11

[mortiprogramador]

<saludos>
Ahm!! muy bonito, replicando posts!
En el otro post te deje una pista, revisala
</saludos>

[Montes28]

mortiprogramador gracias por responder, no es replicado el posts solo que es diferente imprimir en una tabla que un div class span (grid)

hasta el momento llevo lo siguiente

<div class="block-content collapse in">

<div class="row-fluid padd-bottom">


<?php
$array = array(1, 2, 3, 4, 5,6,7,8,9,10,11,12);
$contador = 1;
for ($x=0;$x<=count($array); $x++){
if ($contador > 0) {

?>


<div class="span3">
<a href="#" class="thumbnail">
<img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
</a>


</div>


<?php
$contador = 1;
}
//echo $array[$x];
?>

<?php
$contador++;
}
?>


</div>

asi lo veo en pantalla
http://imageshack.us/f/132/zlxn.png/

[pateketrueke]

¿Si sabes hacer dicho grid usando únicamente HTML?

Porque vamos, eso es básico, dicho grid es HTML al fin y al cabo, y por mucho que le des la vuelta si no sabes hacerlo a mano entonces programándolo te costará más.

El buen panadero aprende a moldear la masa a mano, cuando lo domina entonces ya puede usar lo que sea.

Te hace falta experiencia con HTML supongo.

[Montes28]

pateketrueke gracias por responder, el grido html a mano lo se hacer, el problema es cuando es dinamico

este es estatico o sea conociendo el numero de elementos

Código HTML:

<div class="block-content collapse in">
                                <div class="row-fluid padd-bottom">
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                      </a>
                                  </div>
                                  <div class="span3">
                                      <a href="#" class="thumbnail">
                                        <img data-src="holder.js/260x180" alt="260x180" style="width: 260px; height: 180px;" src="">
                                      </a>
                                  </div>
                                </div>
</div>