有没有简单的方法让Bootstrap导航栏元素在页面上水平居中？

<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-center">
  <!-- 导航栏内容 -->
</nav>

<style>
.navbar-wrapper {
  display: flex;
  justify-content: center;
}
</style>

<div class="navbar-wrapper">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <!-- 导航栏内容 -->
  </nav>
</div>

<style>
.navbar-wrapper {
  text-align: center;
}
</style>

<div class="navbar-wrapper">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <!-- 导航栏内容 -->
  </nav>
</div>