Columnas

Vamos a conocer los conceptos de columnas

Aqui vemos un las columnas creado con boostrap con las clases:

creamos un div como contenedor con las clases: container mt-5

Creamos un div dentro del div anterior para almacenar las columnas dentro de una fila con la clase: row

Notal: "en total solo puede haber 12 columnas por cada fila de lo contrario las columnas pasan a otra fila"

------------------------------------------------------------------------------------------------------------------------------

Creamos varias divs que almacenaran:
-columnas con colores guardados en clases llamados: bg-danger,bg-primary, bg-success, bg-warning, bg-secondary, bg-info
- la clase: col-1 hace que cada columna ocupe 1 espacio para llegar a un total de 12

1
2
3
4
5
6
7
8
9
10
11
12

- la clase: col-2 hace que cada columna ocupe 2 espacios para llegar a 12

2
4
6
8
10
12

- la clase: col-3 hace que cada columna ocupe 3 espacios para llegar a 12

3
6
9
12

- la clase: col-4 hace que cada columna ocupe 4 espacios para llegar a 12

4
8
12

- la clase: col-5 hace que cada columna ocupe 5 espacios para llegar a 12

5
10
12

(pero en si podemos hacer que cada fila valga cualquier valor lo importante es que la suma de todas las columnas valgan 12)

ejemplos

11
1
1
11
6
7
12