我在使用特色图片时遇到了一些显示问题,如何使该图片的宽度达到 100% 并响应现有代码?

I'm having some display issues with feature image, how can I make this image's width 100% and responsive with the existing code?

这是我目前正在处理的网站:http://perlaparra.com/rnr/site/

我已经将宽度设置为 100%,但仍然没有全宽显示。我很感激我能得到的任何帮助。

谢谢! :)

因为你的图片是'container'class。 如果您想将图像设置为 100% 全宽,则将图像设置为 'container' class 并在 css 中添加以下代码:

.featured img{width:100%;}

Bootstrap 框架给 .container 元素一个宽度。

请删除此 class 并从 .featured div

中删除 left:-10px