在bootstrap中创建居中的导航栏，该导航栏保持在相同的位置，无论是否有滚动条

在Bootstrap中创建居中的导航栏，可以使用以下步骤：

首先，确保你已经引入了Bootstrap的CSS和JavaScript文件。
创建一个导航栏的容器，可以使用<nav>标签，并添加navbar和navbar-expand-lg类。

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

在导航栏容器内部，创建一个导航栏的内容区域，可以使用<div>标签，并添加container类。

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

在内容区域内部，创建导航栏的标题和导航链接。可以使用<a>标签和<ul>标签，并添加相应的类。

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
    <a class="navbar-brand" href="#">Logo</a>
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="#">链接1</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">链接2</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">链接3</a>
      </li>
    </ul>
  </div>
</nav>

最后，使用CSS样式将导航栏居中显示，并保持在相同的位置，无论是否有滚动条。可以使用以下样式：

.navbar {
  display: flex;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 999;
}

完整的代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <title>居中的导航栏</title>
  <style>
    .navbar {
      display: flex;
      justify-content: center;
      position: sticky;
      top: 0;
      z-index: 999;
    }
  </style>
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="#">Logo</a>
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="#">链接1</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">链接2</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">链接3</a>
        </li>
      </ul>
    </div>
  </nav>

  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

这样就可以在Bootstrap中创建一个居中的导航栏，该导航栏会保持在相同的位置，无论是否有滚动条。