竖的导航条 bootstrap 最后

Bootstrap 中创建竖直导航栏通常使用 `navbar-inverse` 类和 `navbar-fixed-bottom` 属性，后者将导航栏固定在页面底部。以下是基本步骤：

1. 首先，在 HTML 文件中引入 Bootstrap 的 CSS 和 JavaScript 文件，以及 jQuery：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.9/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>

2. 创建一个垂直导航栏容器，并添加必要的导航链接：

<nav class="navbar navbar-inverse bg-dark fixed-bottom">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Logo</a>
    <ul class="nav justify-content-end flex-column">
      <li class="nav-item"><a class="nav-link" href="#">Link 1</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Link 2</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Link 3</a></li>
    </ul>
  </div>
</nav>

在这个例子中，`justify-content-end` 和 `flex-column` 分别用于水平居右布局和使导航项垂直排列。