📜  如何使用Bootstrap 4将Navbar项居中对齐?

📅  最后修改于: 2021-05-25 17:57:23             🧑  作者: Mango

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

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

  • 使用CSS
  • 使用引导程序

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

通过使用Bootstrap:此方法非常棘手,可以避免编写额外的CSS。在这种情况下,我们只需在div标签上方添加另一个具有class折叠navbar-collapse的div标签即可。这个新的div标签还将具有相同的折叠navbar-collapse类。