Saltar al contenido

Cómo centrar la imagen en carrusel

Luego de de nuestra prolongada compilación de información dimos con la respuesta este inconveniente que suelen tener algunos lectores. Te regalamos la solución y nuestro objetivo es serte de mucha apoyo.

Solución:

tienes dos opciones

  1. Si desea que la imagen ocupe todo el carrusel, entonces
img 

   width: 100%;
   height: auto;

  1. Si no desea que la imagen se estire al 100 %, establezca el ancho deseado (o no, solo especifique el margen) y el margen automático:
img

   width: 50%;
   margin: auto;

Si realmente desea seguir la sintaxis de arranque de Twitter, debe usar el center-block clase como se explica en la documentación.

Enlace a la documentación

Enlace al bootply

extracto de codigo :

xxx

Intenta agregar este CSS para alinear la imagen al centro:

.carousel-inner .item a img 

margin: auto;


No se te olvide compartir esta división si lograste el éxito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *