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 displaypropietat. 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 4 es construeix amb flexbox, però no displays'han canviat tots els elements display: flexperquè 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: flexun element, feu-ho amb .d-flexo amb una de les variants responsives (p. ex., .d-sm-flex). Necessitareu aquesta classe o displayvalor 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 4 inclou una escala de cinc 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 ) o trieu variants responsives per orientar-vos a finestres específiques (p. ex., per començar al punt d' interrupció).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Commutavisibility

Quan displayla commutació no és necessària, podeu alternar la visibilityd'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.