Uslužni programi za izgled

Za brži razvoj prilagođen mobilnim uređajima i brzi odziv, Bootstrap uključuje desetine uslužnih klasa za prikazivanje, skrivanje, poravnavanje i razmak sadržaja.

Promjenadisplay

Koristite naše uslužne programe za prikaz za reaktivno prebacivanje uobičajenih vrijednosti displaysvojstva. Pomiješajte ga s našim mrežnim sistemom, sadržajem ili komponentama da ih prikažete ili sakrijete u određenim okvirima za prikaz.

Flexbox opcije

Bootstrap 4 je napravljen sa flexbox-om, ali nisu svi elementi displaypromijenjeni display: flexjer bi to dodalo mnogo nepotrebnih zamjena i neočekivano promijenilo ključna ponašanja pretraživača. Većina naših komponenti je napravljena sa omogućenim flexboxom.

Ako trebate dodati display: flexelementu, učinite to sa .d-flexili jednom od responzivnih varijanti (npr. .d-sm-flex). Trebat će vam ova klasa ili displayvrijednost da biste omogućili korištenje naših dodatnih uslužnih programa flexbox za dimenzioniranje, poravnanje, razmak i još mnogo toga.

Margina i padding

Koristite uslužne programe margini za padding razmak da biste kontrolirali kako su elementi i komponente raspoređeni i veličine. Bootstrap 4 uključuje petostepenu skalu za pomoćne programe za razmak, zasnovanu na 1remzadanoj vrijednosti $spacervarijable. Odaberite vrijednosti za sve okvire za prikaz (npr. .mr-3za margin-right: 1rem) ili odaberite varijante koje odgovaraju da biste ciljali određene okvire prikaza (npr. .mr-md-3za margin-right: 1rempočetak od mdtačke prekida).

Prebacivisibility

Kada prebacivanje displaynije potrebno, možete uključiti visibilityelement pomoću naših uslužnih programa za vidljivost . Nevidljivi elementi će i dalje uticati na izgled stranice, ali su vizuelno skriveni od posetilaca.