css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Phillip Senn
fuente
fuente
Respuestas:
Bootstrap tiene una amplia gama de márgenes receptivos y clases de utilidad de relleno. Funcionan para todos los puntos de interrupción:
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) o xl (> = 1200px))
Las clases se usan en el formato:
{propiedad} {lados} - {tamaño} para xs y {propiedad} {lados} - {punto de interrupción} - {tamaño} para sm, md, lg y xl.
m : establece el margen
p - establece el relleno
t - establece margin-top o padding-top
b - establece margen inferior o relleno inferior
l : establece el margen izquierdo o el relleno izquierdo
r : establece el margen derecho o el relleno derecho
x : establece el relleno izquierdo y el relleno derecho o el margen izquierdo y el margen derecho
y : establece el relleno superior y el relleno inferior o el margen superior y el margen inferior
en blanco : establece un margen o relleno en los 4 lados del elemento
0 : establece margen o relleno en 0
1 - establece margen o relleno en .25rem (4px si el tamaño de fuente es 16px)
2 - establece margen o relleno en .5rem (8px si el tamaño de fuente es 16px)
3 - establece margen o relleno en 1rem (16 píxeles si el tamaño de fuente es 16 píxeles)
4 : establece el margen o el relleno en 1.5rem (24px si el tamaño de fuente es 16px)
5 : establece el margen o el relleno en 3rem (48 píxeles si el tamaño de fuente es 16 píxeles)
auto : establece el margen en auto
Ver más en Bootstrap 4.5 - Espaciado
Leer más en w3schools
fuente
Se utiliza para crear un margen inferior de 0 (
margin-bottom:0
). Puede ver más de las nuevas clases de utilidad de espaciado aquí: https://getbootstrap.com/docs/4.0/utilities/spacing/Relacionado: ¿Cómo uso las clases de utilidad de espaciado en Bootstrap 4?
fuente
m
- para clases que establecen margen, así:mt
- para clases que establecenmargin-top
mb
- para clases que establecenmargin-bottom
ml
- para clases que establecenmargin-left
mr
- para clases que establecenmargin-right
mx
- para clases que establecen ambosmargin-left
ymargin-right
my
- para clases que establecen ambosmargin-top
ymargin-bottom
Donde el tamaño es uno de margen:
0
- para clases que eliminan el margen al establecerlo en 0, comomt-0
1
- (por defecto) para las clases que establecen el margen en $ spacer * .25, comomt-1
2
- (por defecto) para las clases que establecen el margen en $ spacer * .5, comomt-2
3
- (por defecto) para las clases que establecen el margen en $ spacer, comomt-3
4
- (por defecto) para las clases que establecen el margen en $ spacer * 1.5, comomt-4
5
- (por defecto) para las clases que establecen el margen en $ spacer * 3, comomt-5
auto
- para clases que establecen el margen en automático, comomx-auto
fuente
m: establece el margen
p - establece el relleno
t - establece margin-top o padding-top
b - establece margen inferior o relleno inferior
l: establece el margen izquierdo o el relleno izquierdo
r: establece el margen derecho o el relleno derecho
x: establece el relleno izquierdo y el relleno derecho o el margen izquierdo y el margen derecho
y: establece el relleno superior y el relleno inferior o el margen superior y el margen inferior
en blanco: establece un margen o relleno en los 4 lados del elemento
0: establece el margen o el relleno en 0
1: establece el margen o relleno en .25rem (4px si el tamaño de fuente es 16px)
2: establece el margen o relleno en .5rem (8px si el tamaño de fuente es 16px)
3: establece el margen o el relleno en 1rem (16 píxeles si el tamaño de fuente es 16 píxeles)
4: establece el margen o el relleno en 1.5rem (24px si el tamaño de fuente es 16px)
5: establece el margen o el relleno en 3rem (48 píxeles si el tamaño de fuente es 16 píxeles)
auto: establece el margen en auto
fuente