bootstrap 3容器 - 流体柱不能正确对齐

时间:2014-07-24 14:40:44

标签: html css twitter-bootstrap

我使用bootstrap 3 容器流体,其中我有一些列,我想摆脱排水沟,使图像拉伸到100%宽度。

通过添加此css类非常简单:

img {width:100%;}
.no-padding-left {padding-left:0px;}
.no-padding-right {padding-right:0px}

现在,问题是我的最后一行不知何故第一列图像没有伸展到100%宽度。

这是一个jsfiddle,可以看到我想说的具体内容。

任何想法如何将最后一行左侧的图像粘贴到上一行?

1 个答案:

答案 0 :(得分:0)

您忘了在第二个.col-md-8上添加.no-padding-left,使下方的图片看起来更小。

http://jsfiddle.net/JYvr8/3/embedded/result/