Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Bootstrap3 dziwny zapis kolumn
Forum PHP.pl > Forum > Przedszkole
elmozaur
Witajcie.
Zaczynam dopiero przygode z Bootstrapem i mam pewną zagwozdke co oznacza poniższy zapis:

  1. <div class="col-lg-3 col-md-6">


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 .

  1. <div class="col-lg-3 col-md-6">


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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.