title: right alignment of element in li in bootstrap css
body: <p>I want to align <code>li</code> values right most of the screen. but it does not appear.</p>
  
  <p>Codepan:  <a href="http://codepen.io/karimkhan/pen/IKkCc" rel="nofollow">http://codepen.io/</a></p>
  
  <pre><code> &lt;div class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
          &lt;div class="container"&gt;   
  
      &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;&lt;a href="../navbar-static-top/"&gt;Static top&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../navbar-fixed-top/"&gt;Fixed top&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><code>text-align:right;</code> or <code>align="right"</code> does not help</p>