Css Bootstrap 4.1垂直导航如何使用mr auto/ml auto徽章

是

navs

不是

navbar

零钱

到

但是没有起作用

编辑：见下文@Temani Afif答案

如果仅使用

d-flex

使用

d-flex对齐项目中心

解决了该问题

---

您需要将

a

元素设置为灵活的容器，以便能够使用

ml auto

/

mr auto

。只需将

d-flex

添加到

a

：

我还添加了

align items center

到center，但这不是强制性的：

.nav{
背景：粉红色；
}

您是否尝试过

mr auto

？是的，ml auto和mr auto都不工作非常感谢您，必须添加

d-flex对齐项目中心

才能完成此项工作，如果只有d-flex，徽章看起来会有些什么wrong@kenken9999看起来没有错；）因为默认对齐方式是“拉伸”

<ul class="nav flex-column">
    <li class="nav-item">
        <a class="nav-link" href="#">
            <i class="fas fa-angle-right fa-fw"></i>
            Link A
            <span class="badge badge-warning badge-pill">140</span>
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="#">
            <i class="fas fa-angle-right fa-fw"></i>
            Link B
            <span class="badge badge-warning badge-pill">300</span>
        </a>
    </li>
</ul>