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.
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.
Bootstrap 4 izgrađen je s flexboxom, ali nisu svi elementi display
promijenjeni display: flex
jer bi to dodalo mnoga nepotrebna 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.
Upotrijebite pomoćne programe margin
i padding
razmake za kontrolu razmaka i veličine elemenata i komponenti. Bootstrap 4 uključuje ljestvicu od pet razina za pomoćne programe za razmak, na temelju 1rem
zadane $spacer
varijable vrijednosti. Odaberite vrijednosti za sve okvire za prikaz (npr. .mr-3
za margin-right: 1rem
) ili odaberite odgovarajuće varijante za ciljanje određenih okvira za prikaz (npr. .mr-md-3
za margin-right: 1rem
početak na md
prijelomnoj točki).
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.