分页

bootstrap中的分页

首先默认分页代码

<nav>

<ul class="pagination">

<li>

<a href="#" aria - label="previous">

<span aria - hidden="true">&laquo;</span>

</a>

</li>

<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>

<li>

<a href="#" aria - label="Next">

<span aria - hidden="true">&raquo;</span>

</a>

</li>

</ul>

</nav>

禁用和激活状态

<nal>

<ul class="pagination">

<li class="disabled"><a href="#" aria - label="previous"><span aria - hidden="true">&laquo;</span></a></li>

<li class="active"><a href="#">1<span class="sr - only">(current)</span></a></li>

…

</ul>

</nav>