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

时间:2019-05-27 09:22:51

标签: html css3 bootstrap-4

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

enter image description here

我试图将类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内容(导航链接)在页面的右侧。

2 个答案:

答案 0 :(得分:2)

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

所以ul标签会像这样

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

答案 1 :(得分:0)

请检查以下堆栈溢出帖子

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

希望这对您有所帮助。