Come allineare le colonne nella fondazione

Question

Ho finalmente iniziato a utilizzare le fondamenta ed è fantastico. Così mi è stato solamente testare un esempio e ho notato che se avere solo due colonne di fila sembra che questo:

avrei pensato che "Box B" sarebbe stato accanto a "Box UN". Come lo allineo a sinistra? Non ho letto troppo nella documentazione (come dovrei essere), ma ho pensato di chiederlo.

Nel caso in cui si serve il codice (il codice è dato quando si scarica fondazione):

<div class="row"> 
    <div class="large-4 columns"> 
     <div class="panel"> 
      <p>BOX A</p> 
     </div> 
    </div> 
    <div class="large-4 columns"> 
     <div class="panel"> 
      <p>BOX B</p> 
     </div> 
    </div> 

</div> 

Grazie,

Nick

Answer 1

Controlla la tua CSS per class="row" e aggiungere {float:left;}

Answer 2

Questo perché la griglia di base della base deve aggiungere fino a 12.

Le colonne vengono create utilizzando le classi css: .small- #, .medium- # e .large- #. I # devono essere aggiunti fino a 12 poiché Foundation utilizza un sistema a 12 caselle. Fonte: http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system

Modificare le classi a larga 6

Answer 3

È possibile aggiungere la classe .end alla colonna B per farlo di adeguamento alla sinistra.

<div class="large-4 columns end"> 
    <div class="panel"> 
     <p>BOX B</p> 
    </div> 
</div> 

Fonte: http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system