css - 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" 没有帮助

Answer 1

尝试在有序列表标签内使用 Bootstrap pull-right 类，如下所示:

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