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。
阅读量:59
阅读量:88
阅读量:76
阅读量:74
阅读量:95