Tabs引导中的嵌套Tabs

Question

我使用了来自这个问题的Bootstrap 2.3.2中的嵌套选项卡。

但是我想使用最新的BootrapFramework3.3.6甚至4.xAlpha，但我没有更改任何类名，只更改CSS-、JS和较新的JQuery文件的来源。

嵌套的选项卡不应该有两个制表符，而应该有四个。您可以看到我在https://jsfiddle.net/ks93zdxk/3/的当前状态

问题：

1. 我不知道，在这个代码中，我是否可以/应该将引导2.3.2更改为引导3.3.6。
2. 如果在所有组合中单击"Passiv“，则三级选项卡的位置应与"Aktiv”中的选项卡相同，后者的名称相同，但ID不同。我也有同样的问题点击“过渡性”(希尔夫斯韦尔沃)。在这里，二阶制表符也应该有相同的位置，如on "intransitiv (Hilfs谓词状元)“，它也有相同的名称，但ID不同。我认为某些</div>-tags必须在其他行中，但我不知道它们到底在哪里。

Answer 1

基本上，您做对了，但是在HTML标记的嵌套方面犯了一些错误：<div class="tab-content">需要包装在任何<div class="tab-pane">组中。

<div class="tab-content">
  <div class="tab-pane fade active in" id="etre-voice-gender1111">
    <p>Tab 1.1.1.1 être Aussage aktiv männlich</p>
  </div>
  <div class="tab-pane fade" id="etre-voice-gender1112">
    <p>Tab 1.1.1.2 être Aussage aktiv weiblich</p>
  </div>
</div>

实例修正。

你应该咨询正式文件。

作者声明: aus der Schweiz.