Html 如何将导航栏链接向右对齐

我正在为家庭作业创建登录页。其中一个要求是至少有3个按钮的导航栏。我做到了，但是导航链接不需要在视口右侧对齐

我尝试了许多css属性来对齐它们，比如float、position。引导类

mrright

但似乎什么都不起作用

销售网络运营中心（S-NOC）

自动透明


希望了解并控制您广泛的销售和分销网络？通过确保整个网络的适当库存管理，开发高效、自动化的销售和分销渠道。

要了解更多关于我们产品的信息，请查看视频

在这一行：

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

在此行中，将

mr auto

更改为

ml auto

：

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

---

将

mr auto

更改为

ml auto

请尝试以下步骤

css

.navbar-nav {
    width: 100%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

---

请试试这些步骤

css

.navbar-nav {
    width: 100%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

---

这是因为您正在使用所有库类并为链接分配它们，所以当您要通过自定义类应用新更改时，它不起作用

---

尝试应用自定义类，并确保您没有将库中的类用于该标记的子类

这是因为您正在使用所有库类并将它们分配给链接，所以当您要按自定义类应用新更改时，它不起作用

尝试应用自定义类，并确保未将库中的类用于该标记的子类

将mr auto更改为ml auto 当您想将导航栏导航推向右侧时，应使用ml auto

如果要在导航栏导航右侧添加一些空间，可以添加mr-md-5

将mr auto更改为ml auto 当您想将导航栏导航推向右侧时，应使用ml auto

如果您想在导航栏导航右侧添加一些空间，可以添加mr-md-5