Bootstrap响应式前端框架笔记十一——分页与标签
Bootstrap响应式前端框架笔记十一——分页与标签 在开发搜索结果页、列表页时通常会使用到分页器控件,Bootstrap中提供了方便的类来进行分页器的创建,示例如下: <p>标准的分页器控件</p> <ul class="pagination"> <li> <a href="#">«</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="#">»</a> </li> </ul> 效果如下: 为li元素添加disabled类或者active类可以将其设置为禁用或者激活状态,示例如下: <p>使用disabled类与active类可以将页标签设置为禁用或激活</p> <ul class="pagination"> <li class="disabled"> <a href="#">«</a> </li> <li class="active"> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li>