CODEWITHSUNDEEP
csstwitter-bootstrap
user2129623
user2129623

Reputation:

right alignment of element in li in bootstrap css

I want to align li values right most of the screen. but it does not appear.

Codepan: 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; or align="right" does not help

Upvotes: 4

Views: 28927

Answers (3)

thgaskell
thgaskell

Reputation: 13226

You need to apply the text-align: right to the anchor tags inside the list.

CodePen

CSS

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

Upvotes: 1

zach57
zach57

Reputation: 452

Try using the Bootstrap pull-right class inside of your ordered list tags like so:

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

Upvotes: 9

brouxhaha
brouxhaha

Reputation: 4093

Add text-align: right; to the ul instead of the li

Upvotes: 1

Related Questions