Source

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 displaylastnosti. 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 4 je zgrajen s flexboxom, vendar niso displaybili spremenjeni vsi elementi, display: flexker 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: flexelementu, to storite z .d-flexali 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 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-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Preklopivisibility

Ko preklapljanje displayni potrebno, lahko visibilityelement elementa preklopite z našimi pripomočki za vidnost . Nevidni elementi bodo še vedno vplivali na postavitev strani, vendar so vizualno skriti pred obiskovalci.