Bootstrap pagination-lg 样式


使用 pagination-lg Bootstrap 样式为分页设置大尺寸项目。你可以尝试运行以下代码在 Bootstrap 中实现 pagination-lg 样式

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <h2>Coding Examples</h2>
      The following are the examples:
      <ul class = "pagination pagination-lg">
         <li><a href = "#">«</a></li>
         <li><a href = "#">Code1</a></li>
         <li><a href = "#">Code2</a></li>
         <li><a href = "#">Code3</a></li>
         <li><a href = "#">Code4</a></li>
         <li><a href = "#">Code5</a></li>
         <li><a href = "#">»</a></li>
      </ul>
   </body>
</html>

上次更新:2020 年 6 月 12 日

183 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始吧
广告