2017-05-09 63 views
0

我使用的是Bootstrap 4 alpha,并且与文本在同一个限定列中的图像超出了默认允许的宽度。演示:https://codepen.io/anon/pen/qmpPGO默认情况下,图像宽度超出了Bootstrap 4的列

enter image description here

设置在IMG一个width: 100%解决了这个问题,但是这个默认的行为不健全的权利。

我做错了什么?

+0

尝试一类=“IMG响应” –

+0

可惜我不能修改,因为它是从哪里来的内容我的基础博客生成器引擎。有没有一种方法可以在没有.img-responsive(或.img-fluid)的情况下使用它? –

+0

你能解决这个与jQuery? –

回答

0

使用img-fluid类为引导4响应图片...

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

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

+0

不幸的是,我不能修改内容,因为它来自我的底层博客生成器引擎。我想过要做'#id .img {width:100%;高度:汽车}' –