2013-04-11 12 views
7
<div class="row"> 
    <div class="span4"></div> 
    <div class="span4"></div> 
</div> 

Comprendo che sono necessari 12 span in totale. C'è un modo per centrare ancora i due span che ho in orizzontale? Quanto sopra fluttuerà a sinistra.È possibile allineare orizzontalmente una fila di spline di bootstrap che non aggiungono fino a 12?

Ho provato a mettere un wrapper attorno a loro e margine di auto ma non succede nulla.

Posso andare e rimuovere la classe span e aggiungere solo una larghezza specificata, ma ho bisogno della classe span per il layout fluido.

+0

Bene si potrebbe aggiungere la classe 'offset2' al primo' div.span4' ... ma quando si riduce la finestra, non rimarrà più al centro. (Vedi http://twitter.github.io/bootstrap/scaffolding.html#gridSystem - Columns offsetting) –

risposta

6

Se si vuole centrare due colonne di span4 è possibile utilizzare param compensare in questo modo:

<div class="row"> 
    <div class="span4 offset2"></div> 
    <div class="span4"></div> 
</div> 

Ricordate questo potrebbe bloccarsi a risoluzioni più basse. Per evitare che pensi di utilizzare il layout della griglia fluida. Questo viene fatto modificando

<div class="row"> 

in

<div class="row-fluid"> 

Speranza che aiuta!

+0

Perché si arresterebbe in modo anomalo con risoluzioni ridotte? L'offset scompare e gli spazi diventano blocchi con il design reattivo. Per desktop, devi metterlo in un '.container' (non necessario con il fluido). – Sherbrow

+0

cosa succede se i tuoi totali di campata non sono pari? –

Problemi correlati