Bootstrap tutorial logo

Przestawianie kolumn / Offsetting columns

autor: Robert

27 czerwca 2013

Gdy chcemy stworzyć tylko jedną kolumnę o szerokości 4 i na dodatek wyśrodkowaną nie musimy tworzyć pustej kolumny z klasą .col-md-4 a następnie kolejnej kolumny albo tworzyć dodatkowych klas CSS. Służy do tego klasa .col-md-offset-*, która tworzy nam margines po lewej o wybranej szerokości.

Oczywiście klasa .col-md-offset-* może przyjmować wartości od 1 do 11 i suma kolumn + offsetów musi wynosić 12 (np nie można przesunąć kolumny o szerokości 6 o 8 kolumn).

Możemy stworzyć kilka offsetów np tworzę kolumnę z klasą .col-md-2, następnie kolumnę .col-md-6oraz offset o szerokości 2 czyli .col-md-offset-2i ostatnią kolumnę .col-md-1 następnie offset z klasą .col-md-offset-1 . Suma kolumn i offsetów wynosi 12

Offsety można stosować do wszystkich rodzajów kolumn: .col-lg-offset-* .col-md-offset-* col-sm-offset-* col-xs-offset-*

Strona z przykładami


Post się przydał? Oceń go proszę.
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (28 głosów, średnia: 4,89 na 5)
Loading...

Komentarze: Bądź pierwszy!