1
<div class="row">
<div class="col-md-3">
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div>
<div class=" col-md-3">
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div>
<div class="col-md-3" >
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div> 

Lo que quiero hacer es que las 3 imagenes aparezcan centradas en la pagina. Como se puede hacer?

2 respuestas 2

2

Puedes centrar usando flexbox

<style type="text/css">
   .centrado{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
   }
</style> 

Eso estaria en tu contenedor padre, o tambien puedes varias el center por space-between o space-around, depende como mejor te parezca

0

Puedes agregar una clase nueva en tu documento;

  <style type="text/css">
   .centrar_contenido{
  text-align: center;
}

tu html quedaria así;

  <div class="row centrar_contenido">
<div class="col-md-3">
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div>
<div class=" col-md-3">
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div>
<div class="col-md-3" >
  <div>
    <a href="#">
      <img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
    </a>
  </div>
</div> 
2
  • mmm no fuincionó, sigue exactamente igual Commented el 9 feb. 2018 a las 0:37
  • @facundorotger verificarlo bien ya que he probado antes de comentarlo. Commented el 9 feb. 2018 a las 0:49

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.