Question

I’ve using Twitter bootstrap and trying to align the navbars’ text to the right, i.e – that the “brand” will appear on the right, and all else to the left of it. (For right-to-left website).

Any ideas how this can be accomplished?

Answer 1

Apply float:right to div with class as navbar-inner

<div class="navbar-inner" style="float:right">  

Like

<div class="navbar">
    <div class="navbar-inner">    
        <div style="float:right">
        <a class="brand" href="#">Title</a>
        <ul class="nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        </ul>
    </div>
</div>

Live Demo