2017-05-09 1 views
0

Ich benutze Bootstrap 4 Alpha und mein Bild, die in der gleichen begrenzten Spalte wie der Text ist standardmäßig über die zulässige Breite. Demo: https://codepen.io/anon/pen/qmpPGOBild Breite geht standardmäßig über die Spalte Bootstrap 4

enter image description here

Einstellen eines width: 100% auf img das Problem behebt, aber dieses Standardverhalten nicht richtig klingen.

Mache ich etwas falsch?

+0

versuchen a class = "img-responsive" –

+0

Leider kann ich ändern nicht den Inhalt, wie es kommt aus meine zugrunde liegende Blog-Generator-Engine. Gibt es eine Möglichkeit, es ohne die .img-responsive (oder .img-Flüssigkeit) zu verwenden? –

+0

Können Sie das mit jQuery beheben? –

Antwort

0

Verwenden Sie die img-fluid Klasse für ansprechende Bilder in 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

Leider kann ich den Inhalt nicht ändern, da er von meiner zugrunde liegenden Bloggenerator-Engine kommt. Ich dachte dran '' id .img {width: 100%; Höhe: Auto} ' –

Verwandte Themen