Bootstrap 4 Mřížka složená vodorovně

Bootstrap 4 Mřížka Příklad: Stacked-to-horizontal

Vytvoříme základní mřížkový systém, který začíná naskládaným na extra malých zařízeních, než se stane horizontálním na větších zařízeních.

Následující příklad ukazuje jednoduché rozvržení se dvěma sloupci „skládaný vodorovně“, což znamená, že výsledkem bude rozdělení 50 %/50 % na všech obrazovkách, s výjimkou extra malých obrazovek, které se automaticky složí (100 %):

Tip: Jakékoli rozvržení s pevnou šířkou můžete změnit na rozvržení s plnou šířkou změnou .containertřídy na .container-fluid:

Automatické rozložení sloupců

V Bootstrapu 4 existuje snadný způsob, jak vytvořit sloupce stejné šířky pro všechna zařízení: stačí odstranit číslo z a použít třídu pouze na zadaný počet prvků col . Bootstrap rozpozná, kolik je tam sloupců, a každý sloupec bude mít stejnou šířku. Velikostní třídy určují , kdy by měly být sloupce responzivní:.col-size-*.col-size