ブートストラップで外部リンクとタブを使用する

Question

私が取り組んでいる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> 

Answer 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>