如何使用 Bootstrap 4 将导航栏项目对齐中心？
原文:https://www . geesforgeks . org/how-align-nav bar-items-to-center-use-bootstrap-4/
在 Bootstrap 中，项目可以很容易地分配到左边和右边，因为它为右边和左边提供了类。默认情况下，设置为 left，但是当需要将项目对齐到中心时，您必须自己对齐，因为没有内置的类可以这样做。
基本上有两种方法可以将项目与中心对齐，如下所示:
- 使用 CSS
- 使用自举
使用 CSS: 在这个方法中，我们将使用一个用户定义的类来将项目对齐到中心。然后，我们将使用 CSS 将项目对齐到中心。我们已经定义了班级中心酒吧。
-
例:
```html <!DOCTYPE html>
Align nav bar item into center.navbar-nav.navbar-center { position: absolute; left: 50%; transform: translatex(-50%); }
```
-
输出:
![]()
通过使用 Bootstrap: 这个方法是一个快速棘手的方法，可以节省你写额外的 CSS。在这种情况下，我们只需在 div 标签上添加另一个 div 标签，使类折叠导航栏-折叠。这个新的 div 标签也将有同样的折叠导航条-折叠类。
-
例:
```html <!DOCTYPE html>
Align nav bar item into center```
-
输出:
![]()
版权属于：月萌API www.moonapi.com，转载请注明出处
