Bootstrap中分页怎么做

 时间:2026-02-13 15:05:53

1、打开HBuilder X,在左侧鼠标右键,新建一个项目。

Bootstrap中分页怎么做

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

Bootstrap中分页怎么做

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

Bootstrap中分页怎么做

4、class:.pagination,描述:添加该 class 来在页面上显示分页。

示例:

<ul class="pagination">

  <li><a href="#">&laquo;</a></li>

  <li><a href="#">1</a></li>

  .......

</ul>

Bootstrap中分页怎么做

5、案例:

<ul class="pagination">

  <li><a href="#">&laquo;</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="#">&raquo;</a></li>

</ul>

Bootstrap中分页怎么做

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

Bootstrap中分页怎么做

  • powerdesigner创建应用架构图
  • Can't connect to MySQL server on localhost
  • VSCode关闭、打开eslint的语法检查
  • 怎么下载standard.jar
  • 如何看mysql版本
  • 热门搜索
    班徽设计图案大全 怎么截视频 炒饼怎么做好吃 瘦身减肥方法 鸡爪怎么烧好吃 风湿痛的治疗方法 羊肉饺子馅怎么做好吃 平行志愿是怎么录取的 元旦用英语怎么说 红烧排骨的家常做法