Comprendre Class="mb-0" dans Bootstrap 4

Bootstrap 4 fournit des classes utilitaires complètes pour gérer les marges et les remplissages sur différentes tailles d'écran, connues sous le nom de mb ( marge inférieure). Ces classes offrent une flexibilité dans la définition de l'espacement des éléments pour différentes fenêtres, comme décrit ci-dessous :

Comprendre class="mb-0"

La classe="mb-0" cible spécifiquement la marge inférieure d'un élément et la définit sur 0. Cette classe relève de la catégorie de classe utilitaire de marge et est utilisée pour supprimer complètement la marge inférieure.

Bootstrap Margin and Padding Utility Class Format

Bootstrap utilise une convention de dénomination cohérente pour ses classes d'utilitaires de marge et de remplissage :

{property}{sides}-{size} ou {property }{sides}-{breakpoint}-{size}

Propriété :

• m pour la marge
• p pour le remplissage

Côtés :

• t pour le haut
• b pour le bas
• l pour la gauche
• r pour la droite
• x pour la gauche et la droite
• y pour le haut et le bas

Points d'arrêt :

• xs pour
• sm pour >=576px
• md pour >=768px
• lg pour >=992px
• xl pour > =1200px

Taille :

• 0 définit une marge ou un remplissage sur 0
• 1 définit une marge ou un remplissage sur . 25rem (4px)
• 2 définit une marge ou un remplissage à 0,5rem (8px)
• 3 définit une marge ou un remplissage à 1rem (16px)
• 4 définit une marge ou padding to 1.5rem (24px)
• 5 définit une marge ou un padding à 3rem (48px)
• auto définit la marge sur auto

Exemple d'utilisation

Lorem ipsum

Ce code applique le class="mb-0" à l'élément de paragraphe, en supprimant sa marge inférieure.

Ressources supplémentaires

Pour des informations plus complètes, reportez-vous aux ressources suivantes :

• [Bootstrap 4.5 - Spacing ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools : classes de marge et de remplissage Bootstrap](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )