css - Bootstrap 导航栏从左到右

Question

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

这是我的代码:

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

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

Answer 1

li默认是向左浮动的。

只需将其更改为 float:right

.navbar-nav>li {
    float: right
}

Codepen Demo