Question

我是初学者，这是我第一次使用Bootstrap模板。我在导航栏中有一个分区，其中包含指向其他两个页面的链接，我想在右侧对齐。

这是我的代码：

  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="index.html">Home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="add.html">Add Entry</a>
      </li>
    </ul>
  </div>

我试过包括div class =“collapse navbar-collapse pull-right”，div class =“collapse navbar-collapse to-right”，div class =“collapse navbar-collapse float-right”。我知道我可以在CSS中做到这一点，但我想知道是否还有其他方法。

提前感谢您的回答！

Answer 1

我认为您可以使用ml-auto将项目推向右侧，在此答案中有很多Bootstrap 4 align navbar item to the right

尝试：

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="index.html">Home</a>
      </li>
      <li class="nav-item ml-auto">
        <a class="nav-link" href="add.html">Add Entry</a>
      </li>
    </ul>
  </div>

在bootstrap中将div移动到右侧

1 个答案: