Utilitats per a maquetació
Per a un desenvolupament més ràpid i adaptat per a mòbils, Bootstrap inclou desenes de classes d'utilitat per mostrar, amagar, alinear i espaciar contingut.
Canviantdisplay
Utilitzeu les nostres utilitats de visualització per canviar de manera sensible els valors comuns de la display
propietat. Barregeu-lo amb el nostre sistema de quadrícula, contingut o components per mostrar-los o amagar-los en finestres específiques.
Opcions de Flexbox
Bootstrap es construeix amb flexbox, però no display
s'han canviat tots els elements display: flex
perquè això afegiria moltes substitucions innecessàries i canviaria inesperadament els comportaments clau del navegador. La majoria dels nostres components es construeixen amb flexbox habilitat.
Si necessiteu afegir display: flex
un element, feu-ho amb .d-flex
o amb una de les variants responsives (p. ex., .d-sm-flex
). Necessitareu aquesta classe o display
valor per permetre l'ús de les nostres utilitats addicionals de flexbox per a la mida, l'alineació, l'espaiat i molt més.
Marge i farciment
Utilitzeu les utilitats d'espaiatmargin
i per controlar com s'espaien i mida els elements i components. Bootstrap inclou una escala de sis nivells per a les utilitats d'espaiat, basada en una variable de valor predeterminada . Trieu valors per a totes les finestres (p. ex., per a LTR) o trieu variants responsives per orientar-vos a finestres específiques (p. ex., per a —en LTR— a partir del punt d' interrupció).padding
1rem
$spacer
.me-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Commutavisibility
Quan display
la commutació no és necessària, podeu alternar la visibility
d'un element amb les nostres utilitats de visibilitat . Els elements invisibles encara afectaran el disseny de la pàgina, però s'oculten visualment als visitants.