如何在引导3中使用导航选项卡制作下拉内容？

Question

我用的是自举导航标签(垂直药片)。我想这样做--当我单击选项卡时，该选项卡的内容正好在此选项卡下(而不是在其他地方)，如这。

Answer 1

然后，引导功能，你要寻找的是所谓的手风琴，或崩溃，而不是Nav。

下面是它在引导文档中可用的链接。当然，除了jquery.min.js'、bootstrap.js和bootstrap.css之外，您不需要任何额外的插件来完成这项工作。

重要注释：jquery.min.js应该在bootstrap.js__之前加载。

http://getbootstrap.com/javascript/#collapse

下面是包含所需库的基本手风琴例。

希望能有所帮助：)

Answer 2

来自靴带文件

引导程序中可用的Navs具有共享标记(从基类.nav类开始)以及共享状态。交换修饰符类，以在每种样式之间切换。 为选项卡面板使用navs需要JavaScript选项卡插件 对于带有选项卡区域的选项卡，您必须使用选项卡JavaScript插件。标记还需要额外的role和ARIA属性--有关更多细节，请参见插件的示例标记。 使导航成为可访问的 如果您使用navs来提供导航条，请确保将role="navigation"添加到<ul>最符合逻辑的父容器中，或者在整个导航周围包装<nav>元素。不要将角色添加到<ul>本身，因为这将阻止辅助技术将其宣布为实际列表。

Answer 3

我找到了解决办法。如果有人也有这个问题，请检查引导手风琴。

手风琴

就这样！