Twitter-Bootstrap 2.1.0 词缀插件 - 无法正常工作答案

【问题标题】：Twitter-Bootstrap 2.1.0 affix plugin - doesn't work properlyTwitter-Bootstrap 2.1.0 词缀插件 - 无法正常工作
【发布时间】：2012-08-29 00:50:57
【问题描述】：

我尝试在我的一个 mvc4 项目中使用引导词缀 (2.1.0)。如果在滚动 50px 后，.span9 内容向左移动，则 .span3 和 .span9 似乎无法正常工作。

我发现了这个：Text moves to side of the page on scroll down，但没有工作。将浮点数添加到跨度以某种方式起作用，但不是“响应式”。我认为这一定是一个更好的解决方案。

有人让它工作吗？

这是我的代码（从引导站点复制和粘贴）。我哪里做错了？

<body data-spy="scroll" data-target=".bs-docs-sidebar">
<div class="container">
....
<div class="row">
  <div class="span3 bs-docs-sidebar" data-spy="affix" data-offset-top="50">
    <ul class="nav nav-list bs-docs-sidenav">
      <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> Download</a></li>
      ....
      <li><a href="#what-next"><i class="icon-chevron-right"></i> What next?</a></li>
    </ul>
  </div>
  <div class="span9">
    ....
    <section id="download-bootstrap">

【问题讨论】：

您是否包含了必要的javascript？我遇到了同样的问题，但其他问题的答案对我有用。
我想我做到了。我拿了一个页面，从twitter.github.com/bootstrap 下载了所有内容（将页面另存为......）并包含在一个全新的 mvc4 项目中，再次检查引用，运行......没有成功。我确定我错过了什么，无论如何，我放弃了。

标签： css twitter-bootstrap responsive-design

【解决方案1】：

问题解决了。一旦我贴上无序列表，一切正常。不知何故，我明白我必须附加父 div，而不是列表本身。我的错。

【讨论】：

【解决方案2】：

解决此问题的另一种方法是设置导航跨度最小高度

.span3 {  
    min-height: 1px;  
}

我还需要在平板模式下将导航设置为不附加：

@media (max-width: 767px) {
    .sidenav.affix {
        position: static;

目前文档中确实没有足够的内容来解释如何使其工作。

【讨论】：