Buenos dias:
Estoy tratando que las imágenes de los artículos tengan el mismo ancho pero si modifico el archivo bootstrap.css:
img{max-width:650px;width:auto;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
Poniendo en width un ancho fijo de 600px me modifica el ancho de todas a imágenes incluidas las de redes sociales, logo etc
¿ Como podría hacer para que solo afecte el cambio a las imágenes de los artículos?
Muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
En lugar de poner el CSS al atributo img, es decir, esto:
img {
código css
}
prueba esto otro, ya que se debería aplicar solo a las imágenes del artículo.
article img {
código css
}
Cuando apliques los cambios recuerda que estos se tienen que adaptar a todo tipo de dispositivos, por lo que no es recomendable fijar un ancho de las imágenes (width), sino un ancho máximo (max-width) o, en caso de que se fije un ancho, este sea un porcentaje.