关于Bootstrap中的分页实现

最新推荐文章于 2024-04-02 17:26:36 发布

伱糸淂忄

最新推荐文章于 2024-04-02 17:26:36 发布

阅读量1.5k

点赞数

分类专栏： Bootstrap

本文链接：https://blog.csdn.net/gavinli2588/article/details/106205768

版权

这篇博客介绍了Bootstrap框架中两种分页方法：静态分页和动态分页。静态分页利用Bootstrap自带功能实现，而动态分页则是借助jquery_pagination插件来完成。

摘要由CSDN通过智能技术生成

Bootstrap 框架实现分页功能有两种方式：静态分页和动态分页；

所谓静态分页，是通过Bootstrap实例来实现的、框架默认的分页实现方式；

所谓动态分页，是通过基于Bootstrap通过 jquery_pagination插件来实现分页的；

静态分页：

<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 实例 - 默认的分页</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
    <div ><h1>第1页</h1></div>
    <ul class="pagination">
      <li><a href="1.html">&laquo;</a></li>
      <li><a href="1.html">1</a></li>
      <li><a href="2.html">2</a></li>
      <li><a href="3.html">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li><a href="#">&raquo;</a><