Bootstrap 分页

基本分页

如果你有一个有很多页面的网站，你可能希望在每个页面上添加一些分页。

Bootstrap 中的基本分页如下所示:

• 1
• 2
• 3
• 4
• 5

要创建一个基本的分页可以在 <ul> 元素上添加 .pagination类:

当前页页码状态

• 1
• 2
• 3
• 4
• 5

当前页可以使用 .active 类来高亮显示:

不可点击的分页链接

.disabled 类可以设置分页链接不可点击:

• 1
• 2
• 3
• 4
• 5

分页显示大小

可以将分页条目设置为不同的大小:

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