在引导程序中使用外部链接和选项卡

时间:2017-07-26 21:42:46

标签: html html5 twitter-bootstrap tabs

我在我正在处理的html页面上使用引导标签。我正在尝试在单击其他页面上的超链接时自动打开选项卡。我将如何开展这项工作?

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#tab1">Tab 1</a></li>
    <li><a data-toggle="tab" href="#tab2">Tab 2</a></li>
</ul>
<div class="tab-content">
    <div id="tab1" class="tab-pane fade in active">
        Content
    </div>
    <div id="tab2" class="tab-pane fade in">
        Content
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

<div class="container">
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#tab1">Tab 1</a></li>
    <li><a data-toggle="tab" href="#tab2">Tab 2</a></li>
</ul>
<div class="tab-content">
    <div id="tab1" class="tab-pane fade in active">
        <p>Content1</p>
    </div>
    <div id="tab2" class="tab-pane fade in">
        <p>Content2</p>
    </div>
</div>
</div>