使用一个导航选项卡控制多个选项卡

在这里我更新你的
http://jsfiddle.net/ju9sV/6/
我添加一个属性

data-target

在 A-elements 我在第二个标签中更改标识符 - 内容

我改变了这些行，

你的：

<li class="active"><a data-toggle="tab" href="#home">C1</a></li>

<li><a data-toggle="tab" href="#profile">C2</a> </li>

我的更新：

<li class="active"><a data-target="#home, #home_else" data-toggle="tab" href="#home">C1</a></li>

<li><a data-target="#profile, #profile_else" data-toggle="tab" href="#profile">C2</a> </li>

和第二个内容选项卡，为您：

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade in active" id="home">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile">

<p>Content 2.</p>

</div>

</div>

我的更新：

<div class="tab-content" id="myTabContent2">

<div class="tab-pane fade in active" id="home_else">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile_else">

<p>Content 2.</p>

</div>

</div>

相反，您应该只使用该类。 我刚刚在内容上工作 Bootstrap 3 使用模态窗口中的选项卡。 我试图强制一个模态窗口在右选项卡上打开，但我需要打开两个选项卡，一个用于模态标题，一个用于内容，其中包含其他选项卡 nab 在页脚。

我用过课程，它的工作。 所以改变

<div class="tab-pane fade in active" id="home">

在

<div class="tab-pane fade in active home">

和

<a data-toggle="tab" href="#home">

在

<a data-toggle="tab" href=".home">

... 为我工作。
</a></a></div>
<div class="answer_text">
标识符必须是唯一的。

读
https://softwareengineering.st ... eally
您的代码问题

具有标识符的两个元素 home, profile 和 myTabContent.

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade in active" id="home">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile">

<p>Content 2.</p>

</div>

</div>

<hr/>

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade in active" id="home">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile">

<p>Content 2.</p>

</div>

</div>

和
你给了

href="#home"

, 这将针对具有标识符的第一个元素。 并非所有元素都没有标识符。

<ul class="nav nav-tabs" id="myTab">

<li class="active"><a data-toggle="tab" href="#home">C1</a></li>

<li><a data-toggle="tab" href="#profile">C2</a></li>

</ul>

</div>
</div>

标识符必须是唯一的。

读
https://softwareengineering.st ... eally
您的代码问题

具有标识符的两个元素 home, profile 和 myTabContent.

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade in active" id="home">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile">

<p>Content 2.</p>

</div>

</div>

<hr/>

<div class="tab-content" id="myTabContent">

<div class="tab-pane fade in active" id="home">

<p>Content 1.</p>

</div>

<div class="tab-pane fade" id="profile">

<p>Content 2.</p>

</div>

</div>

和
你给了

href="#home"

, 这将针对具有标识符的第一个元素。 并非所有元素都没有标识符。

<ul class="nav nav-tabs" id="myTab">

<li class="active"><a data-toggle="tab" href="#home">C1</a></li>

<li><a data-toggle="tab" href="#profile">C2</a></li>

</ul>