css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Phillip Senn
fonte
fonte
Respostas:
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
fonte
É usado para criar uma margem inferior de 0 (
margin-bottom:0
). Você pode ver mais das novas classes de utilitários de espaçamento aqui: https://getbootstrap.com/docs/4.0/utilities/spacing/Relacionado: Como uso as Classes do Spacing Utility no Bootstrap 4
fonte
m
- para classes que definem margem, assim:mt
- para classes que definemmargin-top
mb
- para classes que definemmargin-bottom
ml
- para classes que definemmargin-left
mr
- para classes que definemmargin-right
mx
- para classes que definem ambosmargin-left
emargin-right
my
- para classes que definem ambosmargin-top
emargin-bottom
Onde tamanho é um de margem:
0
- para classes que eliminam a margem, definindo-a como 0, comomt-0
1
- (por padrão) para classes que definem a margem como $ espaçador * .25, comomt-1
2
- (por padrão) para classes que definem a margem como $ espaçador * .5, comomt-2
3
- (por padrão) para classes que definem a margem como $ espaçador, comomt-3
4
- (por padrão) para classes que definem a margem como $ espaçador * 1,5, comomt-4
5
- (por padrão) para classes que definem a margem como $ espaçador * 3, comomt-5
auto
- para classes que definem a margem como automática, comomx-auto
fonte
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
fonte