Bootstrap 4 - 分页

当一个网站有很多页面，用户想要添加页码时，可以使用 Bootstrap 中的分页功能。

在 Bootstrap 4 中，基本上可以观察到不同类型的分页，如下所示：

1. 基本分页
2. 活动状态分页
3. 禁用状态分页
4. 分页中的大小调整
5. 分页中的对齐

基本分页

为了创建基本分页，用户必须将 .pagination 类添加到 <ul> 元素。 之后，用户将需要将 .page-item 添加到每个 <li> 元素，并将 .page-link 类添加到 <li> 中的每个链接。

例如

输出将是

活动状态分页

为了使活动状态分页，可以使用 .active 类来突出显示当前页面。

例如

输出将是

禁用状态分页

禁用状态用于创建不可点击的链接。在这种情况下使用的类是 .disabled 类。

例如

输出将是

分页中的大小调整

不同分页的大小可以更改。换句话说，分页块也可以调整为更大或更小的尺寸。

例如

输出将是

分页中的对齐

分页中的对齐使用实用程序类来更改分页的对齐方式。

例如

输出将是

Bootstrap 4 中的面包屑导航

Bootstrap 4 中的面包屑导航可用于显示网站的基于层次结构的信息，并指定当前页面在导航层次结构中的位置。 用户必须使用 .breadcrumb 类来将列表定义为面包屑。此类别还通过 CSS 向列表中添加分隔符。

换句话说，面包屑可以定义为一种导航方案，用于向用户显示网站中的当前位置。

面包屑导航非常有用，因为它有助于改善包含许多页面或具有复杂导航层次结构的网站的可访问性。

此外，用户还可以通过简单地在有序列表上使用 .breadcrumb 类来使用 Bootstrap 创建静态面包屑布局。

面包屑的示例如下所示

输出将是

注意：在面包屑中，默认的面包屑分隔符是“/”。但是，用户可以通过添加一些自定义 CSS 来修改它。