Bootstrap4 中用于分页的类有哪些？
在本文中，我们将了解 Bootstrap 4 中用于分页的各种类，并通过示例了解它们的实现。
分页允许我们浏览网站上的不同页面。 Bootstrap 为我们提供了不同的类来启用网页中的分页。我们可以在列表标签中使用.pagination类来为我们的网页添加分页。
句法：
- Content
分页可以通过以下方式完成：
- 基本分页
- 调整分页大小
- 禁用分页
- 主动分页
- 分页对齐
我们将探索在 Bootstrap 4 中创建分页的所有方法并按顺序理解它们。
基本分页：是使用分页的基本形式，语法如下：
句法：
基本分页类：
- .pagination：这个类可以在
- 标签内使用来指定网页的分页。
- .page-item：这个类可以在
- 标签内使用来指定网页上的页面项目。
- .page-link：这个类可以在标签内使用，以指定网页上的页面链接。
示例：此示例描述了 Bootstrap 4 中基本分页的使用。
HTML
Pagination classes in Bootstrap 4
GeeksforGeeks
Example of Basic pagination
HTML
Pagination classes in Bootstrap 4
GeeksforGeeks
Example of Sized pagination
Normal sized pagination
Small sized pagination
Large sized pagination
HTML
HTML
HTML
Pagination classes in Bootstrap 4
GeeksforGeeks
Example of Pagination Alignment
输出：
基本分页
大小分页：大小分页用于为网页提供不同大小的分页。我们可以为分页提供的尺寸主要有以下三种：
句法：
分页大小类：
- .pagination：它为网页提供默认大小的分页。
- .pagination-sm：为网页提供小尺寸的分页。
- .pagination-lg：为网页提供大尺寸的分页。
示例：此示例描述了在 Bootstrap 4 中使用不同大小的分页。
HTML
输出：
分页大小
禁用分页： .disabled类用于禁用在单击任何元素时必须执行的功能。主要用于禁用页面上“上一个”和“下一个”按钮的功能。 disabled 类使用 CSS “pointer-events: none”属性来禁用可点击功能。
句法：
示例：此示例描述了在 Bootstrap 4 中使用 Pagination Disabled 状态。
HTML
输出：
禁用分页
活动分页：可以将.active类添加到
句法：
示例：此示例描述了在 Bootstrap 4 中使用 Pagination Active 状态。
HTML
输出：
主动分页
分页中的对齐：该类用于指定和对齐页面的中心和右侧的内容。为此，它使用以下语法和类：
句法：
分页对齐类：
- .justify-content-center：用于将内容对齐到显示宽度的中心。
- .justify-content-end：用于将内容对齐到显示宽度的右侧。
示例：此示例描述了分页对齐类的使用。
HTML
输出：
对齐页面