Komunālie pakalpojumi izkārtojumam

Ātrākai mobilajām ierīcēm draudzīgai un atsaucīgai izstrādei Bootstrap ietver desmitiem utilītu klašu satura parādīšanai, paslēpšanai, līdzināšanai un atstarpēm.

Maināsdisplay

Izmantojiet mūsu displeja utilītprogrammas , lai ātri pārslēgtu īpašuma kopējās vērtības display. Sajauciet to ar mūsu režģa sistēmu, saturu vai komponentiem, lai parādītu vai paslēptu tos noteiktos skata portos.

Flexbox opcijas

Bootstrap 4 ir izveidots, izmantojot flexbox, taču ne visi elementi displayir mainīti, display: flexjo tas pievienotu daudz nevajadzīgu ignorēšanu un negaidīti mainītu galvenās pārlūkprogrammas darbības. Lielākā daļa mūsu komponentu ir veidoti ar iespējotu flexbox.

Ja display: flexelementam ir jāpievieno, dariet to ar .d-flexvai kādu no adaptīvajiem variantiem (piemēram, .d-sm-flex). Šī klase vai displayvērtība jums būs nepieciešama, lai ļautu izmantot mūsu papildu flexbox utilītas izmēru noteikšanai, līdzināšanai, atstarpēm un citiem.

Piemale un polsterējums

Izmantojiet marginun padding atstarpes utilītas , lai kontrolētu, kā elementi un komponenti tiek izvietoti un izmēra. Bootstrap 4 ietver piecu līmeņu skalu atstarpes utilītprogrammām, kuras pamatā ir 1remnoklusējuma $spacermainīgais. Izvēlieties vērtības visiem skata portiem (piem., .mr-3) margin-right: 1remvai izvēlieties adaptīvus variantus, lai atlasītu konkrētus skata portus (piemēram, .mr-md-3lai margin-right: 1remsāktu no mdpārtraukuma punkta).

Pārslēgtvisibility

Ja pārslēgšana displaynav nepieciešama, varat pārslēgt visibilityelementu, izmantojot mūsu redzamības utilītas . Neredzamie elementi joprojām ietekmēs lapas izkārtojumu, taču ir vizuāli paslēpti no apmeklētājiem.