- container: predeterminado
- container-fluid: menos márgenes
- container-{breakpoint}: ancho 100% hasta llegar al breakpoint
- float-start
- float-end
- float-none
- El máximo de columnas que tenemos disponibles son 12.
- Podemos distribuir este espacio en los tamaños de las columnas. Ej: col-6 | col-6 (ocuparían la mitad de la pantalla).
- col align-self-start
- col align-self-center
- col align-self-end
- col-4 offset-1
- col-4 ms-auto //coloca automáticamente las columnas hacia los extremos, sin dejar espacios.
- gx-1 //horizontal
- gx-1 //vertical
- g-1 //ambos
- gx-sm-0 gx-md-3 gx-lg-5
• m-3 //margin de 3, en todas las direcciones (max. 5)
- mt-3 //margin top
- mb-3 //margin bottom
- my-3 //margen hacia arriba y hacia abajo
- ms-3 //margin start (left)
- me-3 //margin end (right)
- mx-3 //margen hacia los laterales
- w-25 //El elemento se ajusta al 25% de ancho del contenedor
- w-auto //Se ajusta al tamaño del elemento actual
- h-25 //El elemento se ajusta al 25% de alto del contenedor
- h-auto //Se ajusta al tamaño del elemento actual
- justify-content-center
- justify-content-start
- justify-content-end
- ...
- .fs-1
- ...
- .fs-6
- text-decoration-none
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent