向下滚动文本移动到页面的一侧

Question

当在多个容器内使用span时，文本移动到页面的一侧。

编辑：在最新版本的bootstrap中，这应该不再是问题。

Answer 1

在Bootstrap文档网站上，他们使用.span3 { min-height: 1px; }来防止列崩溃。

  

编辑：自Bootstrap 2.1.1起，这已不再适用。他们   默认情况下修复它：[class*="span"] { min-height: 1px; }

Answer 2

放入span.span3 {float：left}和span.span9 {float：right} 确保其他属性不会过度使用这些属性。

Answer 3

我会自由地承认我对反应性设计或Twitter引导程序不太了解，但你的问题是词缀类。

当你向下滚动时，菜单ul的类从“affix-top”变为“affix”，其位置是固定的，这意味着菜单没有宽度所以主要内容浮动在顶部。

我假设固定位置是这样，菜单在窗口中保持一个恒定的位置。

一个快速解决方法是给“affix-top”类一个固定的位置，然后给main-content一个边距，使它位于菜单的右边。