Pregled
Postavitev v Bootstrapu temelji na kombinaciji vsebnikov, vrstic in stolpcev. Ta hierarhija pomaga, da ostane razporeditev vsebine predvidljiva in odzivna. Ko razumeš osnovni vzorec container → row → col, lahko sestaviš večino običajnih strani.
Okvirji
Razred .container omeji širino vsebine in jo poravna na sredino. Razred .container-fluid pa omogoči, da vsebina uporabi celotno širino zaslona. Izbira je odvisna od tega, ali želiš bolj zračen in omejen videz ali popolnoma raztegnjene odseke.
Mrežni sistem
Mreža ima dvanajst stolpcev. Z razredi, kot so col-md-6, col-lg-4 ali col-12, določiš, koliko prostora zavzame posamezen element pri različnih širinah zaslona.
Kako deluje
Bootstrap uporablja odzivne prelomne točke. To pomeni, da lahko element na telefonu zavzame celotno širino, na tablici polovico, na večjem zaslonu pa tretjino vrstice. S tem ohraniš berljivost in nadzor nad vizualnim ritmom strani.
<div class="row g-4">
<div class="col-12 col-md-6 col-lg-4">...</div>
<div class="col-12 col-md-6 col-lg-4">...</div>
<div class="col-12 col-lg-4">...</div>
</div>