Bootstrap 3：无法制作两个附加边栏

Question

我目前正在编写一个引导程序网站，我即将完成。但是我有一部分是我无法完成的，而它的侧边栏，

我做了一个bootstrap 3间谍+词缀侧栏例如： http://s.bootply.com/render/RpfBuecywd

想象一下，Side scrollspy菜单后面有另一个菜单，当你滚动时它会移动。

我正在尝试做这样的事情：

我总是没有这样做，因为每次创建第二个菜单时，菜单本身都不会滚动，页面会被破坏。 如果你们中的任何一个人能帮助我做到这一点，我会永远爱你。我试着在过去30分钟内完成它，我想不出办法。

谢谢， 特拉维夫。

Answer 1

<div class="container">
<div class="row">
<div class="col-md-3">
<div class="sidebar-nav-fixed affix">
  <div class="well">
    <ul class="nav ">
      <li class="nav-header">Sidebar</li>
      <li class="active"><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
    </ul>
  </div><!--/.well -->

  <div class="well">
    <ul class="nav ">
      <li class="nav-header">Sidebar</li>
      <li class="active"><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
    </ul>
  </div><!--/.well -->
</div><!--/sidebar-nav-fixed -->
</div>
</div>
</div>

以下是一个类似的例子：Right and Left Sidebars Fixed

在提问时始终包含fiddle个代码。

Answer 2

我找到了解决方法，只需在ul中打开一个ul 例如：

<ul class="nav affix">
<li>Something</li>
<li>Something</lI>
<ul class="nav affix-top">
<li>Something 2</li>
<li>Something 2</li>
</ul>
</ul>