Pomoćni programi za izgled
Za brži razvoj prilagođen mobilnim uređajima i odgovarajući razvoj, Bootstrap uključuje desetke uslužnih klasa za prikazivanje, skrivanje, poravnavanje i razmak između sadržaja.
Mijenjanjedisplay
Upotrijebite naše pomoćne programe za prikaz za responzivno prebacivanje zajedničkih vrijednosti display
svojstva. Pomiješajte ga s našim sustavom rešetki, sadržajem ili komponentama kako biste ih prikazali ili sakrili u određenim prozorima.
Flexbox opcije
Bootstrap je izgrađen s flexboxom, ali nisu svi elementi display
promijenjeni display: flex
jer bi to dodalo mnogo nepotrebnih nadjačavanja i neočekivano promijenilo ključno ponašanje preglednika. Većina naših komponenti izgrađena je s omogućenim flexboxom.
Ako trebate dodati display: flex
elementu, učinite to s .d-flex
ili jednom od odgovarajućih varijanti (npr., .d-sm-flex
). Trebat će vam ova klasa ili display
vrijednost kako biste omogućili korištenje naših dodatnih uslužnih programa flexbox za dimenzioniranje, poravnanje, razmak i još mnogo toga.
Margine i ispuna
Upotrijebite pomoćne programe margin
i padding
razmake za kontrolu razmaka i veličine elemenata i komponenti. Bootstrap uključuje ljestvicu od šest razina za pomoćne programe za razmak, na temelju 1rem
zadane $spacer
varijable vrijednosti. Odaberite vrijednosti za sve prozore (npr. .me-3
za margin-right: 1rem
u LTR) ili odaberite odgovarajuće varijante za ciljanje određenih okvira za prikaz (npr. .me-md-3
za margin-right: 1rem
—u LTR— počevši od md
prijelomne točke).
Prebacivanjevisibility
Kada prebacivanje display
nije potrebno, možete promijeniti visibility
element pomoću naših uslužnih programa za vidljivost . Nevidljivi elementi i dalje će utjecati na izgled stranice, ali su vizualno skriveni od posjetitelja.