Pripomočki za postavitev
Za hitrejši, mobilnim napravam prijazen in odziven razvoj Bootstrap vključuje na desetine uporabnih razredov za prikazovanje, skrivanje, poravnavo in razmik vsebine.
Zamenjatidisplay
Uporabite naše pripomočke za prikazovanje za odzivno preklapljanje skupnih vrednosti display
lastnosti. Zmešajte ga z našim mrežnim sistemom, vsebino ali komponentami, da jih prikažete ali skrijete v določenih pogledih.
Možnosti Flexbox
Bootstrap je zgrajen s flexboxom, vendar niso display
bili spremenjeni vsi elementi, display: flex
ker bi to dodalo veliko nepotrebnih preglasitev in nepričakovano spremenilo ključno vedenje brskalnika. Večina naših komponent je zgrajena z omogočenim flexboxom.
Če morate dodati display: flex
elementu, to storite z .d-flex
ali eno od odzivnih različic (npr. .d-sm-flex
). Ta razred ali vrednost boste potrebovali, če display
želite omogočiti uporabo naših dodatnih pripomočkov flexbox za določanje velikosti, poravnavo, razmik in več.
Rob in oblazinjenje
Za nadzor razmika in velikosti elementov in komponent uporabite pripomočkemargin
in razmik. Bootstrap vključuje šeststopenjsko lestvico za pripomočke za razmik, ki temelji na privzeti spremenljivki vrednosti. Izberite vrednosti za vsa vidna okna (npr. za v LTR) ali izberite odzivne različice za ciljanje na določena vidna okna (npr. za —v LTR— z začetkom pri prelomni točki).padding
1rem
$spacer
.me-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Preklopivisibility
Ko preklapljanje display
ni potrebno, lahko visibility
element elementa preklopite z našimi pripomočki za vidnost . Nevidni elementi bodo še vedno vplivali na postavitev strani, vendar so vizualno skriti pred obiskovalci.