Siatka Foundation - ułożone poziomo
Poniższy przykład tworzy podstawowy system siatki na urządzeniach PC i tablety, które są wyłożone poziomo, w telefonach komórkowych i innych małych urządzeń, które są ułożone poziomo.
Przykłady
<Div class = "wiersz">
<Div class = "medium-6 Kolumny" style = "background-color: yellow;">
<P> Ten poradnik </ p>
</ Div>
<Div class = "medium-6 Kolumny" style = "background-color: różowy;">
<P> Ten poradnik </ p>
</ Div>
</ Div>
<Div class = "medium-6 Kolumny" style = "background-color: yellow;">
<P> Ten poradnik </ p>
</ Div>
<Div class = "medium-6 Kolumny" style = "background-color: różowy;">
<P> Ten poradnik </ p>
</ Div>
</ Div>
Spróbuj »
Wskazówka: .small|medium|large-* numer klasy określa liczbę kolumn trwała. Więc .small-1 poprzek jeden, .small-4 na 4, .small-6 obejmujące sześć (szerokość 50%) i tym podobne. Uwaga: Aby upewnić się, że liczba kolumn sumują się do 12! |