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

标签 css twitter-bootstrap css-float overlay grid-layout

我正在尝试新的 Bootstrap 3.0

这就是我想要的:

http://bootply.com/vincentmorneau/79018

最后一个面板应该是 col-xs-12,因此它占用 100% 的宽度。然后我将面板分成 4 行,其中第三行只有一半。为了演示目的,我将其设置为 col-xs-11。

以下是将最后一个面板放入 col-xs-12 时发生的情况:

http://bootply.com/vincentmorneau/79036

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

最佳答案

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

附注您不应该使用内联 CSS,而应该创建一个 .clear 类或类似的东西。

关于css - Twitter-Bootstrap 3 网格布局重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18636720/

相关文章:

html - 如何减少下拉菜单的宽度?

html - 带有 float Div 的 Ghost 顶部主体边距

html - 如何使用 float :左,中几个图像

JavaScript 和 CSS : How to log position of a div between css translate start and end

javascript - 多行,不同高度 - 使每一行均等(JS)

html - 如何将 Logo 放在背景图像的中心?

css - 使 Float 元素内联

html - Bootstrap 下拉菜单和组中的按钮

html - 合并后将 Css 文件视为 html 文件

javascript - 如何使用 Bootstrap 和 Drupal 覆盖 JS 文件?