bootstrap 4 pull-right在導航欄上不起作用

Question

1. 我正在使用Bootstrap 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

請檢查以下堆棧溢出帖子

Bootstrap 4中的.pull-left和.pull-right類發生了什么？

希望這可以幫助你。