2017-08-02 8 views
0

私は毎月のタブをデフォルトで強調表示するように設定しようとしています。ハイライトタブとデフォルトとして設定する

このリンクは、両方のタブが選択されていないことを示します。 enter image description here

このリンクは、毎月のタブが選択されていることを示しています。あなたはしかし、何も起こりません、私は2番目のタブの中にいくつかの条件を追加しようとした見ることができるように enter image description here

そのためのフォローコードは

<!-- Navigation Tabs starts --> 
          <ul class="nav nav-tabs" role="tablist" > 
          <li><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Daily</a></li> 
          <li><a href="#tab2" aria-controls="tab2" aria-selected="true" aria-checked="true" role="tab" data-toggle="tab">Monthly</a></li> 
         </ul> 
         <!-- Navigation Tabs ends --> 

です。何が何をすべきか、何をすべきかを知ってもらいたい。どうもありがとうございました。

+0

デフォルトでは、タブ2でアクティブなクラス名が必要です。ブラウザでデフォルトとして追加されるクラスを確認してください。 – Selvakumar

答えて

0

ただ、TAB2にclass='active'を追加します。

<!-- Navigation Tabs starts --> 
    <ul class="nav nav-tabs" role="tablist" > 
    <li><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Daily</a></li> 
    <li class="active"><a href="#tab2" aria-controls="tab2" aria-selected="true" aria-checked="true" role="tab" data-toggle="tab">Monthly</a></li> 
    </ul> 
<!-- Navigation Tabs ends --> 

PS:私はあなたが、ブートストラップフレームワークを使用していると仮定します。 詳しくはexample、詳細についてはthisをご確認ください。

+0

ありがとうございます。ハハはありがとう – phan

関連する問題