Bootstrap CSS中实现li元素内的右对齐

Question

我想将 li 值右对齐到屏幕最右侧，但它没有出现。 代码面板: http://codepen.io/

 <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">   

    <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar-static-top/">Static top</a></li>
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
          </ul>

        </div>
      </div>

text-align:right;或者align="right"并不能解决问题。

- user2129623

Answer 1

尝试在你的有序列表标签中使用 Bootstrap 的 pull-right 类，像这样：

<ul class="pull-right">The text you want aligned to the right</ul>

- zach57

Answer 2

您需要将text-align: right应用于列表内的锚点标记。

CodePen

CSS

.navbar-right li a {
  text-align: right;
}

- thgaskell

Answer 3

将 li 中的 text-align: right; 改为添加到 ul 上。

- brouxhaha