📜  如何在Bootstrap 4中将导航栏项目向右对齐?

📅  最后修改于: 2021-05-25 18:05:32             🧑  作者: Mango

Bootstrap中的.ml-auto类可用于将导航栏项目向右对齐。 .ml-auto类自动将元素右对齐。在本文中,我们将以两种不同的方式将导航栏右对齐,下面将通过适当的示例对这两种方法进行讨论。

示例1:在第一个示例中,我们使用Bootstrap 4的.ml-auto类将导航栏项目向右对齐。 .ml-auto类自动给定左边距,并将导航栏项目向右移动。

示例2:在此示例中,我们不使用任何预定义的Bootstrap 4类来对齐项目。在此示例中,我们创建了一个导航栏,然后使用CSS将左侧边距作为自动将导航栏项目向右移动的边距。