Centrar contenido de un div

  • Autor Autor Daniel Muñoz
  • Fecha de inicio Fecha de inicio
Daniel Muñoz

Daniel Muñoz

1
Pi
Programador
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Hola betas, tengo una duda.

Tengo un container, con su row divido en 3 columnas.

HTML:
<div class="container">
    <div class="row">
        <div class="col-xs-1 col-sm-1 col-md-1">lorem lorem lorem</div>
        <div class="col-xs-10 col-sm-10 col-md-10">
            <img src="https://picsum.photos/650/365?random=2" alt="">
        </div>
        <div class="col-xs-1 col-sm-1 col-md-1">lorem lorem lorem</div>
    </div>
</div>

Lo que busco, y necesito es que en este caso, el div del medio la imagen quede centrada cuando tenga el espacio, ya que cuando lo veo a pantalla completa la imagen queda pegada a la derecha, estoy intentando que sea "responsive" pero no se me da mucho realmente!




kr-7ltsUTMOIrJGFcB601Q.png



Si alguien puede ilustrarme se lo agradecería.
 
No soy especialista en esto, pero creo que debes establecer el tamaño de la imagen con un porcentaje, y de paso, lo centras con la etiqueta <center>.
 
Puedes hacerlo usando flexbox, y como usas Bootstrap puedes usar lo siguiente (da clic en las pestañas CSS, HTML y Result).



 
Atrás
Arriba