css - Bootstrap div 在移动设备上跳出父 div

标签 css twitter-bootstrap css-float

我遇到了一些 Bootstrap div 的问题,这些 div 在移动设备上不会保留在它们的父 div 中。这可能只是一个 float 问题,但我真的无法弄清楚!

问题是这样的:

The problem

And the link for the site is here.

提前致谢!

最佳答案

您需要为类 content-container 的父 div 提供一个额外的类 clearfix

Bootstrap 将此设置为辅助类,以帮助解决此类问题。这是由 float 的子元素没有给出它们的父元素高度引起的。

您可以在 Internet 上的许多地方阅读为什么需要清除 float 。例如你可以 read here来自 CSS 技巧。专门针对您的情况,请在“大崩溃”标题下查看

关于css - Bootstrap div 在移动设备上跳出父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32780715/

相关文章:

css - 自定义字体为空白并在加载时出现

javascript - 在一定百分比上禁用 Bootstrap Progress Bar 的平滑动画过渡

html - 将具有长选项值的选择元素放入表格单元格

css - 如何在响应式页面布局中定位 div 容器?

css - 如何让嵌套的 div 不在底部出现 "leak"?

javascript - 是否有适用于 VS2010 的所见即所得 Web 编辑器扩展?

css - 是否可以安排 html 进行打印?

css - 如何编写 Angular 指令以基于表单验证更新 CSS 类

css - 如何使子菜单与主菜单平行

css - Bootstrap 流体布局跨度、 float 问题、顶部问题空白