包含导航丸的Bootstrap下拉列表

Question

我正在尝试实现一个下拉菜单，里面有一排按钮，可以在可用的菜单项之间切换。

所以，从结构上讲，我有类似的东西：

<dropdown container>
  <dropdown trigger>

  <dropdown content>

    <dropdown nav-pills>
    <nav-pills panes>

  </dropdown content>
</dropdown container>

我有这个工作，菜单出现，点击导航丸触发窗格之间的变化;然而，问题是nav-pills上的click事件也会强制关闭菜单（bootstrap.dropdown假设用户正在点击链接/菜单项并将离开页面）。

那么，是否可以使用标准的bootstrap JS来实现这一点，还是我必须编写自己的dropdown JS？ 我已经尝试绑定到nav-pill上的click事件并停止点击传播，但这并不能阻止bootstrap捕获相同的事件并隐藏菜单。

非常感谢您的阅读！