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

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

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

Bootstrap navbar pull class创建问题

1 个答案: