Bootstrap中分页怎么做
1、打开HBuilder X,在左侧鼠标右键,新建一个项目。

2、打开新建好的项目,再打开js中的index.html。

3、引入Bootstrap和JQuery,如图所示:

4、class:.pagination,描述:添加该 class 来在页面上显示分页。
示例:
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
.......
</ul>

5、案例:
<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>

6、Ctrl+S保存,Ctrl+R在游览器中打开:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:65
阅读量:131
阅读量:37
阅读量:173
阅读量:132