twitter-bootstrap - Bootstrap 的导航栏拉类创建问题

Question

这是我的代码的重要部分：

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

所以我喜欢导航栏上所有东西的定位；但是，因为这是两个不同的无序列表，所以它们不会相互协作。例如，如果正在显示“主页”选项卡并且用户单击“我的团队”。“主页”选项卡将保持活动状态，“我的团队”页面也将同时处于活动状态，这会导致大量问题。基本上，我想要这种定位，并且我希望它们的功能就像它们都在同一个无序列表中一样。

Answer 1

没有例子，我不确定你的意思。为了拉右一个项目，我没有创建两个无序列表。我将链接文本最后一个项目与 text-right 类对齐：

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