nav-tabs，navbar-right：bottom bar不会向左延伸

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>