Bootstrap 4 – Posicionamiento y Flotado

Aprende como hacer flotar lo elementos en BOOTSTRAP4

En este vídeo del curso de Bootstrap 4 de Cero a Maestro, les enseñaremos hoy lo concerniente al flotado para posicionar los elementos.

Lo primero que se debe de hacer es crear nuestro contenedor.

<div> class=”container”

después crearemos nuestro primer comentario y dentro le vamos a escribir flotado

<!–flotado–> conocidos también como los (Floats)

Para que los elementos floten crearemos los Div

al primer Div le colocamos “flotado”

<div> flotado a la izquierda</div> a esto y le sacamos 2 más quedando así:

<div> flotado a la izquierda</div>

<div> flotado a la izquierda</div>

<div> flotado a la izquierda</div> y hacemos lo siguiente:

entonces al primero le vamos a colocar la clase así:

<div> class=”Float-left”>flotado a la izquierda</div>

<div> class=”Float-right”>flotado a la derecha</div>

y si no queremos que flote entonces hacemos lo siguiente:

<div> class=”Float-none”>flotado a la derecha</div>

Ahora los flotados también los podemos hacer responsive, esto dependiendo también de la resolución

Entonces escribimos:

<!–flotado–>RESPONSIVE (Floats)

<div> class=”Float-left”>flotado a la izquierda</div>

De igual manera si quieres entender bien este tema te sugerimos continuar viendo el vídeo hasta el final y si quieres volverte un experto en Bootstrap4 te recomendamos comprar nuestro Mega Curso de Bootstrap 4 de Cero a Maestro y lo puedes encontrar

Te puede interesar...