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

Question

请帮忙，经过两个小时的挣扎，我已经束手无策了!
http://www.tumblrating.com/choose.aspx?blog=nevver

问题是我希望面包屑框一直延伸到“有趣模式”框，但当您缩小窗口时又会缩小

经过多次努力，我至少让它向左浮动...但是现在当您调整页面大小时，顶部有空白区域 (!!)

bootstrap/css 方面的专家可以帮忙吗？

编辑::

如果遇到流体 Bootstrap 问题的人偶然会在这里绊倒:

我忘记的一件重要事情是，在每个嵌套的 div 中，跨度必须加起来为 12，而不是仅仅加到父级(固定的方式)。例如 div class="span3"仍然需要两个 div class="span6"加起来为 12 (100%)。

Answer 1

你在 choose.aspx 中为 body 设置了 padding-top:60px，虽然导航栏有 position:fixed 它看起来不错，但是 bootstrap 的响应式 css 让它成为 position:static 对于窄于 979px 的屏幕，body 的内边距会产生这种效果。

您应该设置 .navbar:fixed 来覆盖 bootstrap 的响应规则，或者添加 css 媒体查询，以便在屏幕窄于979px，在你把它变成 60 的地方

所以在 choose.aspx 中设置正文样式:

body {
    padding-top: 60px;
    padding-bottom: 40px;
  }
//+ add this
@media (max-width: 979px) {
    body {
        padding-top: 0px;
    }
}