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.
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.
Bootstrap 4 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č.
Za nadzor razmika in velikosti elementov in komponent uporabite pripomočkemargin
in razmik. Bootstrap 4 vključuje petstopenjsko lestvico za pripomočke za razmik, ki temelji na privzeti vrednosti spremenljivke. Izberite vrednosti za vsa vidna okna (npr. za ) ali izberite odzivne različice za ciljanje na določena vidna okna (npr. za začetek na prelomni točki).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
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.