Základní rozvržení mřížky, které vás seznámí s budováním v systému mřížky Bootstrap.
V těchto příkladech je .themed-grid-coltřída přidána do sloupců, aby se přidalo nějaké téma. Toto není třída, která je standardně dostupná v Bootstrapu.
Systém mřížky Bootstrap má pět úrovní, jednu pro každou řadu zařízení, která podporujeme. Každá vrstva začíná na minimální velikosti výřezu a automaticky se vztahuje na větší zařízení, pokud není přepsána.
Získejte tři sloupce stejné šířky počínaje stolními počítači a škálovat na velké stolní počítače . Na mobilních zařízeních, tabletech a níže se sloupce automaticky skládají.
Získejte tři sloupce počínaje stolními počítači a škálovat na velké stolní počítače různých šířek. Pamatujte, že sloupců mřížky by se mělo přidat až dvanáct pro jeden vodorovný blok. Více než to a sloupce se začnou skládat bez ohledu na výřez.
Získejte dva sloupce počínaje stolními počítači a škálovat na velké stolní počítače .
Pro prvky s plnou šířkou nejsou nutné žádné třídy mřížky.
Podle dokumentace je vnoření snadné – stačí vložit řadu sloupců do existujícího sloupce. Získáte tak dva sloupce začínající na stolních počítačích a škálovatelné na velké stolní počítače s dalšími dvěma (stejné šířky) ve větším sloupci.
U velikostí mobilních zařízení, tabletů a nižších velikostí se tyto sloupce a jejich vnořené sloupce složí.
Mřížkový systém Bootstrap v4 má pět úrovní tříd: xs (extra malý, tento infix třídy se nepoužívá), sm (malý), md (střední), lg (velký) a xl (extra velký). K vytvoření dynamičtějších a flexibilnějších rozvržení můžete použít téměř jakoukoli kombinaci těchto tříd.
Každá vrstva tříd se zvětšuje, což znamená, že pokud plánujete nastavit stejné šířky pro md, lg a xl, stačí zadat pouze md.
Další třídy přidané v Bootstrap v4.4 umožňují kontejnery, které jsou 100% široké až do určitého bodu přerušení.