Bootstrap中分页怎么做

2025-04-07 19:26:41

1、打开HBuilderX，在左侧鼠标右键，新建一个项目。

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

3、引入Bootstrap和JQuery，如图所示：

4、clas衡痕贤伎s:.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。