【发布时间】：2016-02-10 07:29:24
【问题描述】：
我正在使用引导导航选项卡（垂直药丸）。我想做这个 - 当我点击选项卡时，这个选项卡的内容会完全下降到这个选项卡下（不是其他地方），比如this
【问题讨论】：
标签： css twitter-bootstrap twitter-bootstrap-3
【发布时间】：2016-02-10 07:29:24
【问题描述】：
那么您正在寻找的 Bootstrap 功能称为 Accordion 或 Collapse 而不是 Nav-Tabs。
这是引导文档中可用的链接。除了 jquery.min.js'、bootstrap.js 和 bootstrap.css 之外，您不需要任何额外的插件来完成这项工作。
重要提示：jquery.min.js 应该在bootstrap.js 之前加载。
http://getbootstrap.com/javascript/#collapse
这是带有所需库的基本Accordion example。
希望它有所帮助:-)
【讨论】：
-
感谢您的回复！我已经找到了解决方案。我认为在这种情况下最好使用引导手风琴：[手风琴] (getbootstrap.com/javascript/#collapse-example-accordion) 无论如何，谢谢！
-
我提到的内容指向相同的链接 :-) 很高兴您找到了答案。现在您可以将此标记为正确并关闭此问题。
【讨论】：
Bootstrap 中可用的导航具有共享标记，从基本
.nav类开始，以及共享状态。交换修饰符类以在每种样式之间切换。将导航用于选项卡面板需要 JavaScript 选项卡插件
对于带有可选项卡区域的选项卡，您必须使用选项卡 JavaScript 插件。标记还需要额外的
role和 ARIA 属性 - 请参阅插件的示例标记了解更多详细信息。使导航用作可访问的导航
如果您使用导航提供导航栏，请务必将
role="navigation"添加到<ul>的最符合逻辑的父容器中，或者将<nav>元素包裹在整个导航周围。不要将角色添加到<ul>本身，因为这会阻止辅助技术将其作为实际列表公布。
【讨论】：
-
感谢您的回复。你能告诉我应该使用哪个插件吗？ （在文档中找不到）