Bootstrap CSS espaciado y alineación

Описание: 🔴 Espaciado y alineación, la clave para una buena UI UX con Bootstrap

Alineación: Controla cómo se posicionan y distribuyen los elementos dentro de un contenedor o una sección. Esto incluye la alineación vertical y horizontal, tanto en sistemas de grilla como en otros componentes.

Clases que debes conocer:

✅ Horizontal: .justify-content-{start|center|end|around|between|evenly}
✅ Vertical: .align-items-{start|center|end|stretch}
✅ Individual: .align-self-{start|center|end|stretch}

Espaciado: Define la separación entre los elementos, ya sea interna (padding) o externa (margin). Bootstrap utiliza un sistema basado en una escala de espaciado (generalmente en múltiplos de 0.25rem) para proporcionar flexibilidad en el diseño.

Clases que debes conocer:

Ejes:
✅ .m{t|b|s|e|x|y}-{0-5}
✅ .p{t|b|s|e|x|y}-{0-5}

Responsive:
✅ .m{t|b|s|e|x|y}-{breakpoint}-{size}

🎁 Lección y ejercicio en certidevs.com/bootstrap

#certidevs #bootstrap #html #css #css3 #html5 #grid #cssgrid #flexbox #programacion #web #desarrolloweb #codigo