img
Desarrollo

Bootstrap - Centrar imágenes tanto horizontal como verticalmente

Apr 4, 2021   Carlos Alberto Lozada
   

Para poder centrar imágenes dentro de la pantalla de nuestra app podemos usar varias técnicas, en esta oportunidad se realizará el centrado con Bootstrap

Acá el código:

<div class="m-0 vh-100 bg-dark row justify-content-center align-items-center">
  <div class="col-auto p-5 text-center">
    <img src="https://res.cloudinary.com/dov1rrrux/image/upload/f_auto,q_auto:best/v1601822662/cazzcode/PWA_uz1dec.webp" alt="image" class="img-fluid" width="25%">
    <img src="https://res.cloudinary.com/dov1rrrux/image/upload/q_auto/v1609636707/cazzcode/logs2_xkcin5.webp" alt="image" class="img-fluid" width="25%">
    <img src="https://res.cloudinary.com/dov1rrrux/image/upload/q_auto:best/v1601599018/cazzcode/tesla_r83xsr.webp" alt="image" class="img-fluid" width="25%">
  </div>
</div>


Espero sea de utilidad esta información, te invito a seguir explorando Django. 

Por acá te dejo el repositorio GitHub para que puedas practicar con el código. 

Sigamos en contacto

Carlos Lozada

<Que tengas una programación de marca mayor/>

Destacados