No dejes de divulgar nuestra página y códigos en tus redes, apóyanos para hacer crecer nuestra comunidad.
Ejemplo 1: margen de arranque y relleno
Use the margin and padding spacing utilities to control how elements and
components are spaced and sized. Bootstrap 4 includes a five-level scale for
spacing utilities, based on a 1rem value default $spacer variable. Choose
values for all viewports (e.g., .mr-3 for margin-right:1rem), or pick
responsive variants to target specific viewports (e.g., .mr-md-3 for
margin-right:1rem starting at the md breakpoint).
"my-0 bg-warning">Margin Y 0
"my-1 bg-warning">Margin Y 1
"my-2 bg-warning">Margin Y 2
"my-3 bg-warning">Margin Y 3
"my-4 bg-warning">Margin Y 4
"my-5 bg-warning">Margin Y 5
"my-auto bg-warning">Margin Y Auto
Ejemplo 2: espaciado de bootstrap
The classes are named using the formatpropertysides-sizefor xs
andpropertysides-breakpoint-size for sm, md, lg, and xl.
Where property is one of:
m - for classes that set margin
p - for classes that set padding
Where sides is one of:
t - for classes that set margin-top or padding-top
b - for classes that set margin-bottom or padding-bottom
l - for classes that set margin-left or padding-left
r - for classes that set margin-right or padding-right
x - for classes that set both *-left and *-right
y - for classes that set both *-top and *-bottom
blank - for classes that set a margin or padding on all 4 sides of the element
Where size is one of:0- for classes that eliminate the margin or padding by setting it to 01-(by default) for classes that set the margin or padding to $spacer *.252-(by default) for classes that set the margin or padding to $spacer *.53-(by default) for classes that set the margin or padding to $spacer
4-(by default) for classes that set the margin or padding to $spacer *1.55-(by default) for classes that set the margin or padding to $spacer *3
auto - for classes that set the margin to auto
$spacer defaults to 1rem
Ejemplo 3: bootstrap de espaciado
The classes are named using the formatpropertysides-sizefor xs
andpropertysides-breakpoint-size for sm, md, lg, and xl.
Where property is one of:
m - for classes that set margin
p - for classes that set padding
Where sides is one of:
t - for classes that set margin-top or padding-top
b - for classes that set margin-bottom or padding-bottom
l - for classes that set margin-left or padding-left
r - for classes that set margin-right or padding-right
x - for classes that set both *-left and *-right
y - for classes that set both *-top and *-bottom
blank - for classes that set a margin or padding on all 4 sides of the element
Where size is one of:0- for classes that eliminate the margin or padding by setting it to 01-(by default) for classes that set the margin or padding to $spacer *.252-(by default) for classes that set the margin or padding to $spacer *.53-(by default) for classes that set the margin or padding to $spacer
4-(by default) for classes that set the margin or padding to $spacer *1.55-(by default) for classes that set the margin or padding to $spacer *3
auto - for classes that set the margin to auto
$spacer defaults to 1rem
Comentarios y calificaciones
Tienes la posibilidad difundir este enunciado si te fue de ayuda.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)