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 ir izveidots, izmantojot flexbox, taču ne visi elementi display
ir mainīti, display: flex
jo 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: flex
elementam ir jāpievieno, dariet to ar .d-flex
vai kādu no adaptīvajiem variantiem (piemēram, .d-sm-flex
). Šī klase vai display
vē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 margin
un padding
atstarpes utilītas , lai kontrolētu, kā elementi un komponenti tiek izvietoti un izmēra. Bootstrap ietver sešu līmeņu skalu atstarpes utilītprogrammām, kuru pamatā ir 1rem
noklusējuma $spacer
mainīgais. Izvēlieties vērtības visiem skata portiem (piem., LTR) vai izvēlieties adaptīvus variantus, lai atlasītu konkrētus skata portus (piemēram, .me-3
— LTR — sākot no pārtraukuma punkta).margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Pārslēgtvisibility
Ja pārslēgšana display
nav nepieciešama, varat pārslēgt visibility
elementu, 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.