To align links, use the .pull-left
or .pull-right
utility classes. Both classes will add a CSS float in the specified direction.
<div class="docs-example">
<div id="direction">
<!-- right aligned -->
<div id="right">
<ul class="nav nav-pills pull-right">
<li>
<a href="">Right</a>
</li>
<li class="active">
<a href="">Right pill</a>
</li>
</ul>
</div>
<!-- end right aligned -->
<!-- left aligned -->
<div id="left">
<ul class="nav nav-pills pull-left">
<li class="active">
<a href="">left</a>
</li>
<li>
<a href="">left pill</a>
</li>
</ul>
</div>
<!-- end left aligned -->
</div>