海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > Bootstrap 分页

Bootstrap 分页

资讯来源:海力源码    点击次数:753    更新时间:2019-12-13 11:14:58
本章将讲解 Bootstrap 支持的分页特性。分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。
分页(Pagination)
下表列出了 Bootstrap 提供的处理分页的 class。
Class 描述 示例代码
.pagination 添加该 class 来在页面上显示分页。
<ul class="pagination">   <li><a href="#">&laquo;</a></li>   <li><a href="#">1</a></li>   ....... </ul>
.disabled, .active 您可以自定义链接,通过使用 .disabled 来定义不可点击的链接,通过使用 .active 来指示当前的页面。
<ul class="pagination">   <li class="disabled"><a href="#">&laquo;</a></li>   <li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>   ....... </ul>
.pagination-lg, .pagination-sm 使用这些 class 来获取不同大小的项。
<ul class="pagination pagination-lg">...</ul> <ul class="pagination">...</ul> <ul class="pagination pagination-sm">...</ul>


  • 海力源码手机版
  •  联系客服小美