在多个容器内使用 span 时,文本会移动到页面的一侧。
编辑:这应该不再是最新版本的引导程序中的问题。
在 Bootstrap 文档网站上,他们.span3 { min-height: 1px; }
用来防止列崩溃。
编辑:自 Bootstrap 2.1.1 以来,这不再相关。他们默认修复了它:
[class*="span"] { min-height: 1px; }
放置 span.span3 {float:left} 和 span.span9 {float:right} 确保其他属性不会覆盖这些属性。
我会坦率地承认我对响应式设计或 Twitter 引导程序知之甚少,但你的问题是词缀类。
当您向下滚动时,菜单 ul 的类从“affix-top”变为“affix”,其位置为固定,这意味着菜单没有宽度,因此主要内容浮动在它的顶部.
我假设固定位置是这样菜单在窗口中保持不变的位置。
一个快速的解决方法是给“affix-top”类一个固定的位置,然后给主内容一个边距,这样它就位于菜单的右侧。