[HTML] Bootstrap3 dziwny zapis kolumn Opcje

[elmozaur]

Witajcie.
Zaczynam dopiero przygode z Bootstrapem i mam pewną zagwozdke co oznacza poniższy zapis:

[HTML] pobierz, plaintext 
<div class="col-lg-3 col-md-6">
[HTML] pobierz, plaintext 

Czytając dokumentację wywnioskowałem, że 'col' oznacza uruchomienie gridu i deklarację kolumny.
'lg' - to wysokosc kolumny - lg duża, 'md' srednia
wartosc 3 lub 6 oznacza szerokosc kolumny 3 z 12 lub 6 z 12.

Co jednak gdy te wszystkie wartosci sa razem. To zapis z jakiegoś tutoriala którego chyba nie rozumie... Kiedy stosuje sie powyższy zapis ?

dziękuję za informacje i pozdrawiam
Grzegorz

[Pyton_000]

lg, md, sm to jest dopasowanie do rozdzielczości

http://getbootstrap.com/css/#grid-options

[JakubBab]

Bootstrap-owa maksyma to - mobile first.

Projektujac w bootstrapie warto pamietac, zeby zaczac kodowac dla wersji mobilnej pierwszej czyli xs lub sm .

[HTML] pobierz, plaintext 
<div class="col-lg-3 col-md-6">
[HTML] pobierz, plaintext 

Znaczy:

Dla duzego urzadzenia (?1200px) ten div bedzie tworzyl 4 kolumny (z 12 dostepnych = 12/3=4) . Natomiast col-md-6, dla sredniej wielkosci urzadzenia (?992px) ten sam div bedzie tworzyl 2 kolumny w calej szerokosci diva. (12/6 = 2).

W linku pytona-a w sekcji "Example: Stacked-to-horizontal" jest to b. dobrze zobrazowane.

Ten post edytował JakubBab 23.12.2015, 17:45:35