bootstrap竖着的分页栏

Bootstrap是一个流行的前端框架，它提供了一套响应式的分页组件，可以方便地在网页中实现分页功能。如果你需要创建一个竖直排列的分页栏，可以通过使用Bootstrap的分页类，并结合CSS样式来实现这个效果。具体操作步骤如下：

1. 首先确保你的项目中已经包含了Bootstrap的CSS和JS文件。
2. 在HTML中使用`<nav>`标签创建一个分页栏的容器，并给予适当的类名，如`class="pagination"`。
3. 对于竖直排列，你可以使用Flexbox布局或者添加一些自定义的CSS样式来达到这个效果。例如，你可以为`<ul>`标签添加`class="flex-column"`来使其子项垂直排列。
4. 在分页栏内部使用`<ul>`和`<li>`标签来创建分页项，每一项可以使用`<a>`标签来创建链接。

以下是一个简单的示例代码：

<nav aria-label="Page navigation example">
  <ul class="pagination flex-column">
    <li class="page-item">
      <a class="page-link" href="#">1</a>
    </li>
    <li class="page-item">
      <a class="page-link" href="#">2</a>
    </li>
    <li class="page-item">
      <a class="page-link" href="#">3</a>
    </li>
    <!-- 更多分页项 -->
  </ul>
</nav>

接着，你需要添加自定义的CSS来调整布局，使分页项垂直显示：

.pagination.flex-column {
  display: flex;
  flex-direction: column;
}

这样就会创建一个垂直排列的分页栏，你可以根据实际的项目需求进行样式调整。