Qu'est-ce que class="mb-0" dans Bootstrap 4?

Le dernière documention a:

<p class="mb-0">Lorem ipsum</p>

Q: qu'est-ce que mb-0?

37
demandé sur Zim 2017-01-10 20:28:37

3 réponses

Bootstrap a une large gamme de marges sensibles et de classes d'utilité de rembourrage. Ils travaillent pour tous les points de rupture:

xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) ou xl (>=1200px))

les classes sont utilisées dans le format:

{propriétés}{côtés}-{Taille} pour xs & {propriété}{côtés}-{point d'arrêt}-{taille} pour les sm, md, lg, et xl.

m - définit la marge

p - jeux de rembourrage


t - ensembles marge-dessus ou rembourrage-dessus

b - ensembles marge-fond ou rembourrage-fond

l - définit la marge de gauche ou de padding-left

r - ensembles marge-droite ou rembourrage-droite

x - ensembles rembourrage-gauche et rembourrage - droite ou marge-gauche et marge-droite

y - ensembles rembourrage-supérieur et rembourrage-inférieur ou marge-supérieur et Marge-inférieur

blank - fixe une marge ou un rembourrage sur les 4 côtés de la élément


0 - ensembles marge ou rembourrage à 0

1 - fixe marge ou capitonnage à .25rem (4px si la taille de police est 16px)

2 - fixe marge ou capitonnage à .5rem (8px si taille de police est 16px)

3 - définit marge ou capitonnage à 1rem (16px si la taille de la police est de 16px)

4 - définit marge ou padding à 1.5 rem (24px si la taille de la police est de 16px)

5 - ensembles marge ou capitonnage à 3rem (48px si la taille de police est 16px)

auto - fixe la marge à auto

lire la suite dans w3schools

39
répondu Akash Preet 2018-05-09 10:17:15

il est utilisé pour créer une marge inférieure de 0 ( margin-bottom:0 ). Vous pouvez voir plus des nouvelles classes d'Utilités d'espacement ici: https://getbootstrap.com/docs/4.0/utilities/spacing /

Related: Comment puis-je utiliser l'Espacement des Classes utilitaires sur Bootstrap 4

30
répondu Zim 2018-03-23 12:37:55

avec respect et juste mes deux cents. L'un des avantages que je trouve avec "open-source"... si vous voulez savoir comment quelque chose fonctionne, comment il est utilisé, parfois, même pourquoi il a mis en œuvre la façon dont il est...lisez le code source. bootstrap.css ou bootstrap.js ne vous dit pas seulement exactement ce qu'il peut (ou ne peut pas) faire, ce que j'aime c'est lire le code de certains des développeurs principaux, ce qui, IMHO, fait de moi un meilleur développeur. J'ai mis ça en avant, parce qu'en lisant les fichiers js pour jQuery, Bootstrap et quelques autres, j'ai appris des choses sur javascript, qui a élevé ma compréhension de certains concepts plutôt avancés. Il y a quelque temps, j'en ai parlé et je l'ai trouvé inestimable...pensé qu'il était utile de partager avec ma communauté.

0
répondu darkstar 2018-09-27 14:25:35