如何与我的链接之一的引导导航栏的末尾对齐答案

【问题标题】：How can I align to the end of a bootstrap navbar one of my link如何与我的链接之一的引导导航栏的末尾对齐
【发布时间】：2022-01-05 14:31:36
【问题描述】：

enter image description here

我正在尝试使用引导导航栏，我想将最后一个链接对齐到右侧。我搜索了文档，但没有找到任何有用的答案。希望你能帮助我

【问题讨论】：

ml-auto 类到最后一个链接，它将占据剩余空间，因此将该元素推到最右边。
嗨，欢迎来到 SO。请先拨打tour。然后阅读how to ask questions here。之后编辑问题以符合指南并提供minimal reproducible example 以获取调试详细信息。另请阅读why an image of your code is not acceptable。
请提供足够的代码，以便其他人更好地理解或重现问题。

标签： html bootstrap-4

【解决方案1】：

尝试添加属性 ms-auto、ms-right 或 ms-left，具体取决于您尝试对齐的一侧。这是一个例子，我正在研究那个

 <div class="collapse navbar-collapse" id="navbar">
      <ul class="navbar-nav ms-auto">
        <li class="nav-item active" aria-current="page">
          <a class="nav-link" href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="portfolio-overview.html">Portfolio</a>
        </li>
      </ul>

在我的情况下，它们向右对齐，但如果您将其更改为 ms-right，链接将向右移动。

希望对你有用！

【讨论】：

比你成功了！
不客气！