分页条

轻松创建一个美观的分页条导航来浏览网页。

用法

分页条组件由类似按钮风格的链接并排排列组成。

示例

代码

<ul class="pagination">
    <li><a href="#">«</a></li>
    <li><a href="#">1</a></li>
    ...
</ul>

页码状态

示例

代码

<ul class="pagination">
    <li class="disabled"><a href="#">«</a></li>
    <li class="active"><a href="#">1 <span class="sr-only">(当前)</span></a></li>
    <li><a href="#">2</a></li> 
    ...
</ul>

分页条大小

示例

代码

<ul class="pagination pagination-sm">...</ul>
<ul class="pagination">...</ul>
<ul class="pagination pagination-lg">...</ul>

简洁分页条

示例

代码

<ul class="pagination-pager">
    <li><a href="#">上一页</a></li>
    <li><a href="#">下一页</a></li>
</ul>

上下页两端对齐

示例

代码

<ul class="pagination-pager">
    <li class="previous"><a href="#">前一条</a></li>
    <li class="next"><a href="#">后一条</a></li>
</ul>
<ul class="pagination-pager">
    <li class="previous disabled"><a href="#">前一条</a></li>
    <li class="next"><a href="#">后一条</a></li>
</ul>