在 Bootstrap 中,可以轻松地将项目分配到左侧和右侧,因为它提供了右侧和左侧的类。默认情况下,设置了 left,但是在将项目与中心对齐时,您必须自己对齐它,因为没有内置的类可以执行此操作。
基本上有两种方法可以将项目与中心对齐,如下所示:
- 使用 CSS
- 使用引导程序
使用 CSS:在此方法中,我们将使用用户定义的类将项目与中心对齐。然后,我们将使用 CSS 将项目与中心对齐。我们已经定义了类navbar-center 。
- 例子:
Align nav bar item into center - 输出:
通过使用 Bootstrap:这个方法是一个快速的技巧,可以避免你编写额外的 CSS。在这种情况下,我们只需在 div 标签上方添加另一个 div 标签,该标签具有类collapse navbar-collapse 。这个新的 div 标签也将具有相同的折叠导航栏折叠类。
- 例子:
Align nav bar item into center - 输出: