O que é class = "mb-0" no Bootstrap 4?


Respostas:


246

O Bootstrap possui uma ampla variedade de classes de utilidade de margem e preenchimento responsivas. Eles trabalham para todos os pontos de interrupção:

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

As classes são usadas no formato:

{propriedade} {lados} - {tamanho} para xs e {propriedade} {lados} - {ponto de interrupção} - {tamanho} para sm, md, lg e xl.

m - define margem

p - define o preenchimento


t - define margem superior ou superior

b - define o fundo da margem ou o fundo do preenchimento

l - define margem esquerda ou preenchimento esquerdo

r - define margem direita ou preenchimento direito

x - define padding-left e padding-right ou margin-left e margin-right

y - define as partes superior e inferior do preenchimento ou a margem superior e inferior da margem

blank - define uma margem ou preenchimento nos 4 lados do elemento


0 - define margem ou preenchimento para 0

1 - define margem ou preenchimento para 0,25rem (4px se o tamanho da fonte for 16px)

2 - define margem ou preenchimento para 0,5 rem (8 px se o tamanho da fonte for 16 px)

3 - define margem ou preenchimento para 1rem (16px se o tamanho da fonte for 16px)

4 - define margem ou preenchimento para 1,5rem (24px se o tamanho da fonte for 16px)

5 - define margem ou preenchimento para 3rem (48px se o tamanho da fonte for 16px)

auto - define a margem para auto

Veja mais em Bootstrap 4.5 - Espaçamento

Leia mais em w3schools


8
A classe mb-0 no Bootstrap 4 é equivalente à margem inferior: 0px; Isso soa bem?
Akash Preet


8

m - para classes que definem margem, assim:

  • mt - para classes que definem margin-top
  • mb - para classes que definem margin-bottom
  • ml - para classes que definem margin-left
  • mr - para classes que definem margin-right
  • mx- para classes que definem ambos margin-leftemargin-right
  • my- para classes que definem ambos margin-topemargin-bottom

Onde tamanho é um de margem:

  • 0 - para classes que eliminam a margem, definindo-a como 0, como mt-0
  • 1 - (por padrão) para classes que definem a margem como $ espaçador * .25, como mt-1
  • 2 - (por padrão) para classes que definem a margem como $ espaçador * .5, como mt-2
  • 3 - (por padrão) para classes que definem a margem como $ espaçador, como mt-3
  • 4 - (por padrão) para classes que definem a margem como $ espaçador * 1,5, como mt-4
  • 5 - (por padrão) para classes que definem a margem como $ espaçador * 3, como mt-5
  • auto - para classes que definem a margem como automática, como mx-auto

-1

m - define margem

p - define o preenchimento

t - define margem superior ou superior

b - define o fundo da margem ou o fundo do preenchimento

l - define margem esquerda ou preenchimento esquerda

r - define margem direita ou preenchimento direito

x - define padding-left e padding-right ou margin-left e margin-right

y - define as partes superior e inferior do preenchimento ou a margem superior e inferior da margem

blank - define uma margem ou preenchimento nos 4 lados do elemento

0 - define margem ou preenchimento para 0

1 - define margem ou preenchimento para 0,25rem (4px se o tamanho da fonte for 16px)

2 - define margem ou preenchimento para 0,5 rem (8 px se o tamanho da fonte for 16 px)

3 - define margem ou preenchimento para 1rem (16px se o tamanho da fonte for 16px)

4 - define margem ou preenchimento para 1,5rem (24px se o tamanho da fonte for 16px)

5 - define margem ou preenchimento para 3rem (48px se o tamanho da fonte for 16px)

auto - define a margem para auto

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.