📜  如何使用 Bootstrap 4 将导航栏项目居中对齐?

📅  最后修改于: 2021-09-02 03:14:03             🧑  作者: Mango

在 Bootstrap 中,可以轻松地将项目分配到左侧和右侧,因为它提供了右侧和左侧的类。默认情况下,设置了 left,但是在将项目与中心对齐时,您必须自己对齐它,因为没有内置的类可以执行此操作。

基本上有两种方法可以将项目与中心对齐,如下所示:

  • 使用 CSS
  • 使用引导程序

使用 CSS:在此方法中,我们将使用用户定义的类将项目与中心对齐。然后,我们将使用 CSS 将项目与中心对齐。我们已经定义了类navbar-center

通过使用 Bootstrap:这个方法是一个快速的技巧,可以避免你编写额外的 CSS。在这种情况下,我们只需在 div 标签上方添加另一个 div 标签,该标签具有类collapse navbar-collapse 。这个新的 div 标签也将具有相同的折叠导航栏折叠类。