Bootstrap布局组件（下篇）

---

前言

这是对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="#"