[英]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.