Centralizar conteúdo de uma div

  • Autor Autor Daniel Muñoz
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Daniel Muñoz

Daniel Muñoz

1
Pi
Programador
Verificado
Verificación en dos pasos activada
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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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>.
 
Voltar
Topo