twitter-bootstrap-3
System sieci
Szukaj…
System siatki startowej
Bootstrap używa systemu siatki z wierszami i kolumnami
W systemie Siatka używasz klasy wiersza do utworzenia poziomego pola zawierającego w sumie 12 kolumn o wielkości 1 każda dla różnych rozmiarów ekranu w pionie. Jeśli nie chcesz używać wszystkich 12 kolumn osobno, możesz zgrupować kolumny razem, aby utworzyć szersze kolumny.
Przykład: jeśli chcesz utworzyć wiersz z 3 kolumnami - masz div z class = "row" (tj. Jednym poziomym polem) i 3 kolumnami (class = col.xs.xx) każda o rozmiarze 3, rozmiarze 2, rozmiarze 7 (3 + 2 + 7 = 12) dla xs = bardzo mały rozmiar ekranu
tytuł
lorem ipsum
Klasy siatki
System siatki Bootstrap ma cztery klasy dla responsywnego projektu, takiego jak to:
xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)
Jak używać?
Dla podstawowego przykładu 4 kolumny
<div class="row">
<div class="col-sm-4">Your Div Content</div>
<div class="col-sm-4">Your Div Content</div>
<div class="col-sm-4">Your Div Content</div>
</div>
Przykład 4 kolumny
