Bootstrap导航栏从左到右

Question

这可能是愚蠢但我不知道如何从右到左制作引导导航栏，我正在创建一个阿拉伯网站，所以我想从右边有'home'导航。

这是我的代码：

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="current"><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#our-menu">Menu</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
</div>

我尝试拉righ 和 dir = ltr 但它不起作用 提前致谢 。

Answer 1

默认情况下，li会向左浮动。

只需将其更改为float:right

即可

.navbar-nav>li {
    float: right
}

Codepen Demo

Answer 2

此http://cdnjs.com/libraries/bootstrap-rtl

有一个库

我通过谷歌搜索＆＃34;引导从右到左的语言＆＃34;它把我带到了这里 Right to Left support for Twitter Bootstrap 3

Answer 3

您只需在导航栏的ul元素中添加以下CSS代码。

ul.nav {
    direction: rtl;
}

此处示例： http://jsfiddle.net/fs9fafjq/