Html 如何移动a<；李>；右边？

我有一些东西在a

中，但我需要最后一个一直到右边。我怎么把它放在那里？（我需要下拉列表向右移动。）

导航标头

导航标头

---

将其拆分为两个导航栏：一个位于左侧，另一个浮动在右侧，使用

向右拉

：

<ul class="nav navbar-nav">
  <li><a class="btn" href="#"><i class="glyphicon glyphicon-pencil"></i></a></li>
  <li><a class="btn" href="#"><i class="glyphicon glyphicon-book"></i></a></li>
</ul>
<ul class="nav navbar-nav pull-right">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
      Dropdown <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li class="nav-header">Nav header</li>
      <li><a href="#">Separated link</a></li>
      <li><a href="#">One more separated link</a></li>
    </ul>
  </li>
</ul>

导航标头

---

查看Bootstrap示例站点中的示例：

对HTMl和CSS来说相对较新，但我解决了一个类似的问题，而不必制作重复的菜单栏。简单地说‘float:right；’在

阶段中，您希望显示在右侧。（最好将它们作为最后一个

元素，以保持逻辑顺序。）

比如说

行动

变成 行动 对右侧需要的任何图元重复此操作。它将覆盖定义的float:left默认值

下拉列表

行动

另一个动作

还有别的吗

导航头

分离环

另一个分离的链接

---

通常，您可以在Bootstrap中添加一个不起作用的

。向右拉。我认为我的css正在覆盖它或其他东西。你知道我对
或
做的一些css会把它移到右边吗？它在做什么/不做什么？当我把它放进去时，它什么都不做
<div class="container">
  <ul class="nav navbar-nav">
    <li><a class="btn" href="#"><i class="glyphicon glyphicon-pencil"></i></a></li>
    <li><a class="btn" href="#"><i class="glyphicon glyphicon-book"></i></a></li>
      <!--// add a class of .pull-right //-->        
     <li class="dropdown pull-right ">  
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li class="nav-header">Nav header</li>
        <li><a href="#">Separated link</a></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>
</div>

<ul class="nav navbar-nav">
  <li><a class="btn" href="#"><i class="glyphicon glyphicon-pencil"></i></a></li>
  <li><a class="btn" href="#"><i class="glyphicon glyphicon-book"></i></a></li>
</ul>
<ul class="nav navbar-nav pull-right">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
      Dropdown <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li class="nav-header">Nav header</li>
      <li><a href="#">Separated link</a></li>
      <li><a href="#">One more separated link</a></li>
    </ul>
  </li>
</ul>