html - bootstrap 4 pull-right 在导航栏上不起作用

Question

1. 我正在使用引导程序 4。
2. 我没有让导航栏直接进入我不知道发生了什么问题的页面。
3. 是否有其他人可以帮助解决此问题。

我试图将类 pull-right 添加到 navbar-collapse div 但它不起作用。所以我也尝试添加浮动右属性并设置为！重要但它也没有帮助。

<div class="collapse navbar-collapse pull-right" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
            <a class="nav-link" href="#">HOME</a>
        </li>

        <li class="nav-item">
            <a class="nav-link" href="#">FAQS & HELPS</a>
        </li>

        <li class="nav-item">
            <a class="nav-link" href="#">CONTACT</a>
        </li>

        <li class="nav-item">
            <a class="nav-link" href="#">LOGIN</a>
        </li>
    </ul>
</div>

我想要页面右侧的 div 内容（导航链接）。

标签： htmlcssbootstrap-4

Answer 1

你能试试ml-auto而不是mr-auto吗？

所以ul标签会是这样的

<ul class="navbar-nav ml-auto">