Question

我正在使用bootstrap 3为我的博客开发一个自定义主题，我得到了大部分工作但是在我的帖子上我有一个问题，我的图像在主要内容区域之外延伸到右边的边栏！

我正在使用主要内容为<div class="span8">，侧边栏为<div class="span4">。在我的样式表中，我添加了...

.span8 img {
    max-width: 100% !important;
    height: auto;
}

但这似乎不起作用！我也查看了图片部分下的getbootstrap.com网站，但也没有任何内容！

如果您想查看该网站，请告诉我，我将非常乐意提供链接！非常感谢！

Answer 1

更改为： -

.span8 img {
    max-width: 100% !important;
    height: auto;
    width: auto;
}

这是一个浏览器问题，有些可行，但其他人需要宽度：自动

Answer 2

Bootstrap提供了一个img-responsive类，您可以将其应用于图像。

<img src="#" class="img-responsive" />

这会将max-width: 100%;和height: auto;应用于图片，以便它可以很好地扩展到父元素。

参考： http://getbootstrap.com/css/#images