0

これが私のコードの重要な部分です:

<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 つの異なる順序付けられていないリストであるため、互いに連携しません。たとえば、[ホーム] タブが表示されていて、ユーザーが [マイ チーム] をクリックするとします。[ホーム] タブがアクティブなままになり、[マイ チーム] ページも同時にアクティブになり、多くの問題が発生します。基本的に、私はこの配置が必要であり、それらがすべて同じ順序付けられていないリストにあるかのように機能することを望んでいます。

4

1 に答える 1

0

例がなければ、あなたの言っていることがよくわかりません。項目を右に引っ張るために、2 つの順不同リストを作成しませんでした。リンクテキストの最後のアイテムをテキスト右クラスに揃えました:

<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>
        <li class="navItem" id="navMyTeam"><a href="#myTeam" data-toggle="tab" class="text-right">My Teams</a></li>
    </ul>
</div>
于 2013-06-16T09:02:17.960 に答える