Saltar al contenido

Bootstrap 4 padding right 0 ejemplo de código de clase

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *