Bootstrap组件_分页
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap组件_分页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>分頁</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><nav><ul class="pagination pagination-lg"><li class="disabled"><a href="#" aria-label="previous"><span aria-hidden="true">«</span></a></li><li class="active"><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="#" aria-label="next"><span aria-hidden="true">»</span></a></li></ul><ul class="pagination"><li class="disabled"><a href="#" aria-label="previous"><span aria-hidden="true">«</span></a></li><li class="active"><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="#" aria-label="next"><span aria-hidden="true">»</span></a></li></ul><ul class="pagination pagination-sm"><li class="disabled"><a href="#" aria-label="previous"><span aria-hidden="true">«</span></a></li><li class="active"><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="#" aria-label="next"><span aria-hidden="true">»</span></a></li></ul><ul class="pager"><li class="previous"><a href="#">上一頁</a></li><li><a href="#">下一頁</a></li></ul></nav></div>
</body>
</html>
?
總結
以上是生活随笔為你收集整理的Bootstrap组件_分页的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Bootstrap组件_导航条（默认样式
- 下一篇： Bootstrap组件_路径导航，标签，