Ejercicio 4: Diseño automático de columnas

Contenedor que tenga 3 columnas con la misma cantidad de filas para cualquier tipo de dispositivo usando 2 alternativas sin colapsar.

Columna 1

Esto es una prueba de bootstrap.

Columna 2

Esto es una prueba de bootstrap.

Columna 3

Esto es una prueba de bootstrap.


Contenedor que tenga todas las columnas con la misma cantidad de filas para cualquier tipo de dispositivo, con una fila sin colapsar y otra que colapse para un tamaño fijo, por ejemplo para “lg”.

Columna 1

Esto es una prueba de bootstrap.

Columna 2

Esto es una prueba de bootstrap.

Columna 3

Esto es una prueba de bootstrap.

Columna 1

Esto es una prueba de bootstrap.

Columna 2

Esto es una prueba de bootstrap.

Columna 3

Esto es una prueba de bootstrap.

Columna 4

Esto es una prueba de bootstrap.


Contenedor que tenga una columna con un ancho en unidades fijo y la columna de la izquierda o derecha o ambas sin valor.

Columna 1

Esto es una prueba de bootstrap.

Columna 2

Esto es una prueba de bootstrap.

Columna 3

Esto es una prueba de bootstrap.


Y si necesitamos que se repartan los espacios teniendo en cuenta la cantidad de contenido de una columna? ¿Cómo lo haríamos?

Columna 1

col-auto

Columna 2

col-5

Columna 3

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore, possimus. (col-auto)