Bootstrap 分页

基本分页

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

Bootstrap 中的基本分页如下所示

• 1
• 2
• 3
• 4
• 5

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

活动状态

活动状态显示当前页面。

• 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 导航参考.