css - Twitter-Bootstrap 3 网格布局重叠

Question

我正在玩新的 Bootstrap 3.0

这是我几乎想要的：

http://bootply.com/vincentmorneau/79018

最后一个面板应该是 col-xs-12，所以它需要 100% 的宽度。然后我将我的面板放在 4 个单独的行上，第三行只有半满。出于演示目的，我将其设置为 col-xs-11。

当我将最后一个面板放入 col-xs-12 时，会发生以下情况：

http://bootply.com/vincentmorneau/79036

它正在吃掉我所有的其他面板。为什么？

Answer 1

您必须在您的 col-xs-12 容器之前清除。查看更新版本：http ://bootply.com/79725

PS您不应该使用内联CSS，而是创建一个类 .clear 或类似的东西。