Bootstrap 分页

基本分页

如果您有一个包含大量页面的网站，您可能希望在每个页面上添加某种分页。

Bootstrap 的基本分页如下所示

• 1
• 2
• 3
• 4
• 5

要创建基本分页，请将 .pagination 类添加到 <ul> 元素

Active State

活动状态显示当前是哪一页

• 1
• 2
• 3
• 4
• 5

添加 .active 类以告知用户他们当前在哪一页

禁用状态

禁用链接无法点击

• 1
• 2
• 3
• 4
• 5

如果链接由于某种原因被禁用，请添加 .disabled 类

分页大小

分页块也可以放大或缩小

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

添加 .pagination-lg 类用于较大的块，或添加 .pagination-sm 类用于较小的块。

面包屑导航

另一种分页形式是面包屑导航。

1. 主页
2. 私有
3. 图片
4. 假期

.breadcrumb 类指示当前页面在导航层次结构中的位置

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

完整的 Bootstrap 导航参考

有关所有导航类的完整参考，请访问我们的完整 Bootstrap 导航参考。