Utilidades para maquetación
Para un desenvolvemento máis rápido e adaptado para móbiles, Bootstrap inclúe decenas de clases de utilidade para mostrar, ocultar, aliñar e espazar contido.
Cambiandodisplay
Use as nosas utilidades de visualización para cambiar de forma sensible os valores comúns da display
propiedade. Mestúrao co noso sistema de grade, contido ou compoñentes para mostralos ou ocultalos en ventanas gráficas específicas.
Opcións de Flexbox
Bootstrap está construído con flexbox, pero non todos os elementos display
se cambiaron display: flex
porque isto engadiría moitas anulacións innecesarias e cambiaría inesperadamente os comportamentos clave do navegador. A maioría dos nosos compoñentes están construídos con flexbox activado.
Se necesitas engadir display: flex
a un elemento, faino con .d-flex
ou cunha das variantes sensibles (por exemplo, .d-sm-flex
). Necesitarás esta clase ou display
valor para permitir o uso das nosas utilidades flexbox adicionais para o tamaño, o aliñamento, o espazado e moito máis.
Marxe e recheo
Use as utilidades margin
e padding
espazamento para controlar como se espazan e dimensionan os elementos e os compoñentes. Bootstrap inclúe unha escala de seis niveis para as utilidades de espazamento, baseada nunha variable de 1rem
valor predeterminada . $spacer
Escolla os valores para todas as vistas (por exemplo, .me-3
para margin-right: 1rem
en LTR) ou escolle variantes sensibles para orientar a vistas específicas (por exemplo, .me-md-3
para margin-right: 1rem
—en LTR— comezando no punto de md
interrupción).
Alternavisibility
Cando a alternancia display
non sexa necesaria, podes alternar visibility
entre un elemento coas nosas utilidades de visibilidade . Os elementos invisibles seguirán afectando o deseño da páxina, pero están ocultos visualmente aos visitantes.