Bootstrap su Twitter - stile più di 12 colonne di fila?

Question

Ho il seguente codice che potrebbe o non potrebbe dare più di 12 colonne in una riga. Come posso renderlo bello se ci sono più di 12 colonne?

<div collapse="gpCollapse"> 
    <div ng-repeat="item in revealedCtrl.greatPersons" class="thumbnail col-md-3"> 
    <img ng-src="/images/useritems/{{item.greatperson.image}}" tooltip="{{item.greatperson.name}}"/> 

    <div class="caption"> 
     <h3 class="text-center">{{item.greatperson.name}}</h3> 

     <p class="text-justify"> 
     {{item.greatperson.description}} 
     </p> 
    </div> 
    </div> 
</div> 

Answer 1

Definire un'altezza costante nella classe "miniatura".

Answer 2

Il motivo per il layout non finisce per guardare bello è l'altezza variabile del contenuto della colonna, in particolare in

<div class="caption"> 

usare i CSS per dare div colonna (.thumbnail)

position: relative; 
// to make space for absolutely positioned caption 
padding-bottom: 40px; 

e .Caption

0.123.

position: absolute; 
bottom: 0px;