Javascript 引导响应菜单

我想有一个附加菜单，如中所示，它不附加在手机上，就像在引导文档上一样。 我有以下代码：

<div class="container">
  <div class="row">
    <div class="span3 bs-docs-sidebar ">
      <ul class="nav nav-list bs-docs-sidenav" data-spy="affix">
        <li><a href="#a"><i class="icon-home"></i> A</a></li>
        <li><a href="#b"><i class="icon-chevron-right"></i> B</a></li>
        <li><a href="#c"><i class="icon-chevron-right"></i> C</a></li>
      </ul>
    </div>

    <div class="span9">
      ...
    </div>
  </div>
</div>

...

对于

ul

，我已经尝试了使用和不使用

data spy=“affix”

，并且我还尝试了

$（function（）{$（'.bs docs sidenav'）.affix（）}）

---

但是菜单总是固定的，所以我无法在手机上阅读文本。

我刚刚在他们页面上的bootstraps doc.css文件中找到了我问题的答案。您必须添加以下css（如果您在其他类上使用词缀，可能必须更改类）

---

我还刚刚将class

affix

添加到

bs docs sidenav

元素中，并且没有使用任何JavaScript（即

data spy

）

您可以发布一个链接到您的站点吗？我正在尝试执行相同的操作，但此页面没有包含足够的代码，无法真正复制您所做的操作。很抱歉，在重新组织菜单结构时，我已从程序中删除此菜单。我所做的只是将上面的行添加到我的CSS文件中。

/* Tablet
------------------------- */
@media (max-width: 767px) {
  .bs-docs-sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }
}