css - 导航标签，导航栏右 : bottom bar does not extend to left

Question

在 Bootstrap 中，使用 <ul class="nav nav-tabs"> ，一个选项卡的底线很好地向右延伸，例如，

标签被移动到右边 <ul class="nav nav-tabs navbar-right">或 <ul class="nav nav-tabs pull-right"> ，底线不会向左延伸，例如，

如何解决这个问题？

Answer 1

您可以将类添加到您的 li 中: CodePen Here

<ul class="nav nav-tabs">
  <li class="pull-right"><a href="#">Item 1</a></li>
  <li class="active pull-right"><a href="#">Item 2</a></li>
  <li class="pull-right"><a href="#">Item 3</a></li>
</ul>