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

Question

1. 我正在使用引导程序4。
2. 我没有在页面上找到导航栏，我不知道问题出在哪里。
3. 是其他人可以帮助解决此问题。

我试图将类pull-right添加到navbar-collapse div，但是它不起作用。因此，我也尝试过添加float right属性并将其设置为！important，但它也无济于事。

<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内容（导航链接）在页面的右侧。

Answer 1

您可以尝试使用 ml-auto 代替 mr-auto 吗？

所以ul标签会像这样

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

Answer 2

请检查以下堆栈溢出帖子

What happened to the .pull-left and .pull-right classes in Bootstrap 4?

希望这对您有所帮助。