Bootstrap - 更改导航栏的方向

Question

我使用Twitter引导程序并尝试将导航栏的文本对齐,即 - "品牌"将出现在右侧,而其他所有内容都出现在右侧.(从右到左的网站).

有什么想法可以实现吗？

Answer 1

pull-right和pull-left是默认的bootstrap类,可以帮助你实现这一点,而无需编写自己的CSS.例如,

    <div class="navbar pull-right"></div> [equivalent to float:right]
    <div class="navbar pull-left"></div>  [equivalent to float:left]

Answer 2

适用float:right于以课为中的divnavbar-inner

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

喜欢

<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>

现场演示