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.
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.
Bootstrap 4 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.
Izmantojiet margin
un 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 1rem
noklusējuma $spacer
mainīgais. Izvēlieties vērtības visiem skata portiem (piem., .mr-3
) margin-right: 1rem
vai izvēlieties adaptīvus variantus, lai atlasītu konkrētus skata portus (piemēram, .mr-md-3
lai margin-right: 1rem
sāktu no md
pārtraukuma punkta).
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.