これが私のコードの重要な部分です:
<div class="nav-collapse">
<ul class="nav">
<li class="navItem active"><a href="#homePage" data-toggle="tab">Home</a></li>
<li class="navItem"><a href="#" data-toggle="tab">Teams</a></li>
<li class="navItem"><a href="#scores" data-toggle="tab">League Schedule</a></li>
</ul>
<ul class="nav pull-right"
<li class="navItem hide" id="navMyTeam"><a href="#myTeam" data-toggle="tab">My Teams</a></li>
</ul>
</div>
だから私はナビゲーションバー上のすべての配置が好きです。ただし、これらは 2 つの異なる順序付けられていないリストであるため、互いに連携しません。たとえば、[ホーム] タブが表示されていて、ユーザーが [マイ チーム] をクリックするとします。[ホーム] タブがアクティブなままになり、[マイ チーム] ページも同時にアクティブになり、多くの問題が発生します。基本的に、私はこの配置が必要であり、それらがすべて同じ順序付けられていないリストにあるかのように機能することを望んでいます。