Jak wyrównać kolumny w fundamencie

Question

W końcu zacząłem używać fundamentów i jest świetnie. Tak właśnie testowania przykład i zauważyłem, że jeśli tylko mają dwie kolumny w wierszu wygląda to tak:

bym nie pomyślał, że „Pole B” byłaby obok „Box ZA". Jak ustawić go w lewo? Nie czytałem zbyt wiele w dokumentacji (tak jak powinienem), ale myślałem, że zapytam.

W przypadku, gdy potrzebna kodu (kod jest podany podczas pobierania podstawy):

<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> 

Dzięki,

Nick

Answer 1

Sprawdź css dla class="row" i dodać {float:left;}

Answer 2

Dzieje się tak, ponieważ podstawowa siatka fundamentów musi dodać do 12.

Kolumny są tworzone przy użyciu klas css: .small- #, .medium- # i .large- #. Te # muszą dodać do 12, ponieważ Fundacja używa systemu 12-gridowego. Źródło: http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system

zmienić klas do dużej 6

Answer 3

Możesz dodać klasę .END do kolumny B, aby ją wyrównać do lewej.

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

Źródło: http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system