在Bootstrap 4中，你可以使用分页（Pagination）来将内容划分为多个页面。以下是一个简单的例子，演示如何创建基本的分页：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <title>Bootstrap 4 分页</title>
</head>
<body>

<div class="container mt-4">
  <h2>分页示例</h2>

  <nav aria-label="Page navigation example">
    <ul class="pagination">
      <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>
      <li class="page-item"><a class="page-link" href="#">4</a></li>
      <li class="page-item"><a class="page-link" href="#">5</a></li>
    </ul>
  </nav>

</div>

<!-- Bootstrap JavaScript 和 jQuery（可选）-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</body>
</html>

在这个例子中，我们使用了pagination类来创建分页容器，其中每个页面链接由page-item和page-link类组成。你可以根据需要添加更多的页面链接。此外，你可以使用disabled类来禁用某个页面链接，以及使用active类来标识当前页面。分页可以通过上一页和下一页的箭头来导航。

你还可以在分页中使用其他样式和组件，具体取决于你的设计需求。这只是一个简单的示例，你可以根据实际情况进行定制。


转载请注明出处：http://www.zyzy.cn/article/detail/5493/Bootstrap