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 displaysvojstva. 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 4 izgrađen je s flexboxom, ali nisu svi elementi displaypromijenjeni display: flexjer 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: flexelementu, učinite to s .d-flexili jednom od odgovarajućih varijanti (npr., .d-sm-flex). Trebat će vam ova klasa ili displayvrijednost 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 margini 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 1remzadane $spacervarijable vrijednosti. Odaberite vrijednosti za sve okvire za prikaz (npr. .mr-3za margin-right: 1rem) ili odaberite odgovarajuće varijante za ciljanje određenih okvira za prikaz (npr. .mr-md-3za margin-right: 1rempočetak na mdprijelomnoj točki).

Prebacivanjevisibility

Kada prebacivanje displaynije potrebno, možete promijeniti visibilityelement pomoću naših uslužnih programa za vidljivost . Nevidljivi elementi i dalje će utjecati na izgled stranice, ali su vizualno skriveni od posjetitelja.