文章目录
前言
这是对Bootstrap内容总结的最后一篇。内容包括:分页、模态框、轮播、面包屑导航。
一、分页
1.使用原因:
在网页开发的过程中,如果内容显示的过多,一般就会做分页处理。
2.创建分页:
- 在
<ul>
元素上添加 .pagination类 - 在
<li>
元素上添加 .page-item类 - 当前页页码状态用 .active类来高亮显示
- 不可点击的分页链接:.disabled类设置
- 设置分页条目的大小:.pagination-lg(大字体)、.pagination-sm(小字体)
3.代码显示:
<ul class="pagination pagination-lg">
<li class="page-item disabled"><a class="page-link" href="#">前一页</a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#"