2017-05-09 1 views
0

J'utilise Bootstrap 4 alpha et mon image qui se trouve dans la même colonne limitée car le texte dépasse la largeur autorisée par défaut. Démo: https://codepen.io/anon/pen/qmpPGOLa largeur de l'image va au-delà de la colonne sur Bootstrap 4 par défaut

enter image description here

Définition d'un width: 100% sur img résout le problème, mais ce comportement par défaut ne sonne pas juste.

Est-ce que je fais quelque chose de mal?

+0

essayer une class = "img sensibles" –

+0

Malheureusement je ne peux pas modifier le contenu comme il vient de mon moteur de générateur de blog sous-jacent. Existe-t-il un moyen de l'utiliser sans .img-responsive (ou .img-fluid)? –

+0

Êtes-vous capable de résoudre ce problème avec jQuery? –

Répondre

0

Utilisez la classe img-fluid pour les images sensibles à Bootstrap 4 ...

<img src="https://upload.wikimedia.org/wikipedia/commons/5/5d/Restless_flycatcher04.jpg" class="img-fluid" />

https://codepen.io/anon/pen/qmpVLj

+0

Malheureusement, je ne peux pas modifier le contenu car il provient de mon moteur générateur de blog sous-jacent. J'ai pensé à faire #id .img {width: 100%; hauteur: auto} ' –