Bootstrap中的.ml-auto类可用于将导航栏项目向右对齐。 .ml-auto类自动将元素右对齐。在本文中,我们将以两种不同的方式将导航栏右对齐,下面将通过适当的示例对这两种方法进行讨论。
示例1:在第一个示例中,我们使用Bootstrap 4的.ml-auto类将导航栏项目向右对齐。 .ml-auto类自动给定左边距,并将导航栏项目向右移动。
- 程序:
- 输出:
示例2:在此示例中,我们不使用任何预定义的Bootstrap 4类来对齐项目。在此示例中,我们创建了一个导航栏,然后使用CSS将左侧边距作为自动将导航栏项目向右移动的边距。
- 程序:
- 输出: