Bootstrap CSS espaciado y alineación
Автор: CertiDevs
Загружено: 2024-09-04
Просмотров: 22
Описание:
🔴 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
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: