[英]Nested Tabs in Tabs in Tabs in Tabs Bootstrap
我在这个 SO question 中使用了 Bootstrap 2.3.2 中的嵌套选项卡。
但是我想使用最新的 Bootstrap Framework 3.3.6 甚至 4.x Alpha,但我没有更改任何类名,仅更改了 CSS-,JS 和较新的 JQuery 文件的源。
我的嵌套选项卡不应该有两个选项卡顺序,而是四个。 您可以在https://jsfiddle.net/ks93zdxk/3/查看我的当前状态
问题:
我不知道,我是否可以/应该在此代码中将某些内容从 Bootstrap 2.3.2 更改为 Bootstrap 3.3.6。
如果您在所有组合中单击“Passiv”,则三阶选项卡应与“Aktiv”中的选项卡具有相同的位置,它们具有相同的名称,但 ID 不同。 我在点击“transitiv (Hilfsverb avoir)”时遇到了同样的问题。 这里的二阶制表符也应该具有与“intransitiv (Hilfsverb être)”相同的位置,它们也具有相同的名称,但不同的 ID。 我认为一些</div>
标签必须在其他行中,但我不知道它们到底应该在哪里。
原则上,您做对了,但是您在 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>
您应该查阅官方文档。
Des salutations aus der Schweiz。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.