0

estoy usando bootstrap para acomodar las imágenes en responsive. Cuando aplico la clase img-responsive a las imágenes, en escritorio se acomodan de a 4 pero en móvil de a 1.

Me gustaría saber como puedo modificar la librería de bootstrap o como se le da una condicional para que cuando sea móvil se muestren Código con el que llamo la clase

 <img class="img-responsive" alt="image description" src="'.$imageurl.'">

Clase Css

 .img-responsive {
display: block;
max-width: 100%;
height: auto;
}
img {
display: block;
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
img {
vertical-align: middle;
} 
img {
border: 0;
}
 *   {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
style attribute {
visibility: visible;
animation-delay: 0.4s;
animation-name: fadeInUp;
}
3
  • Me encantaría ayudarte, pero no termino de entender. El título de la pregunta dice una cosa y luego preguntas otra, además esta última no se entiende ¿qué quieres decir con que "cuando sea móvil se muestren Código con el que llamo la clase"?
    – Juan
    Commented el 10 jun. 2021 a las 22:08
  • Revisa: getbootstrap.com/docs/5.0/layout/grid Commented el 11 jun. 2021 a las 2:26
  • a las columnas que contienen las imágenes agrégales esta class col-xs-6
    – Roy
    Commented el 11 jun. 2021 a las 12:26

1 respuesta 1

0

No eres tan claro con lo que dices , pero imagino que cada imagen está dentro de div con class col-*. Si es así te recomiendo que busques Gris de Bootstrap por ejemplo col-md-4 col-lg-3

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.