En changeant display

Utilisez nos utilitaires d'affichage pour basculer de manière réactive les valeurs communes de la propriété display. Mélangez-le avec notre système de grille, notre contenu ou nos composants pour les afficher ou les masquer dans des fenêtres spécifiques.

Options de boîte flexible

Bootstrap est construit avec flexbox, mais tous les éléments display n'ont pas été changés en display : flex car cela ajouterait de nombreux remplacements inutiles et modifierait de manière inattendue les comportements clés du navigateur . La plupart de nos composants sont construits avec flexbox activé.

Si vous avez besoin d'ajouter display : flex à un élément, faites-le avec .d-flex ou l'une des variantes réactives (par exemple, .d -sm-flex). Vous aurez besoin de cette classe ou de cette valeur display pour permettre l'utilisation de nos utilitaires flexbox supplémentaires pour le dimensionnement, l'alignement, espacement, et plus encore.

Marge et rembourrage

Utilisez les margin et padding utilitaires d'espacement pour contrôler la façon dont les éléments et les composants sont espacés et dimensionnés. Bootstrap inclut une échelle à six niveaux pour les utilitaires d'espacement, basée sur une variable 1rem valeur par défaut $spacer. Choisissez des valeurs pour toutes les fenêtres (par exemple, .me-3 pour margin-right : 1rem dans LTR), ou choisissez des variantes réactives pour cibler des fenêtres spécifiques (par exemple, .me-md-3 pour margin-right : 1rem —en LTR— à partir du point d'arrêt md).

Basculer visibilité

Lorsque le basculement de l'affichage n'est pas nécessaire, vous pouvez basculer la visibilité d'un élément avec notre utilitaires de visibilité. Les éléments invisibles affecteront toujours la mise en page de la page, mais seront visuellement cachés aux visiteurs.