如何在 Bootstrap 4 中对齐分页？
在本文中，我们将学习如何使用 Bootstrap 类在网站上对齐分页。分页是 Bootstrap 中一个非常有用的组件。分页用于启用网站页面之间的导航，因为它将文档分成不同的页面并为它们提供数字。这将创建大量连接的链接，有助于轻松导航到不同的页面。因此，有助于增强用户体验。
创建 Bootstrap 分页的步骤：
第 1 步：导入 CSS 和 JavaScript 的CDN引导链接 来自 Bootstrap 的官方网站。
第 2 步：现在在
标签内使用类名“pagination”制作- 标签。
- 标签 在
- 大多数分页是按行格式完成的。在极少数情况下，分页以列格式给出。
- justify 类仅在以逐行格式完成分页时才起作用。
- 仅当分页以按列格式完成时，对齐项才会起作用。所以，我们必须添加 flex-column/ flex-column-reverse 类。
第 3 步：使用类名为“page-item”的
- 标签内添加所有页码。
第 4 步：在每个标签内，添加页码。使用 标签并为每个页面赋予“href”属性。
在这个阶段，我们已经使用 Bootstrap 创建了一个基本的分页结构。
我们将通过示例了解分页的概念和各种可用的 Bootstrap 类。
示例：此示例说明了使用 justify-content-evenly 和 page-item 类的引导分页。
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
输出：从输出中，我们可以看到我们创建的分页位于页面的最左侧。
使用 Bootstrap 进行分页
使用引导类对齐分页：
可以使用 Bootstrap 中的flexbox-utilities类在网页上对齐分页。
flex-row：这个类被添加到组件内部，有助于按行对齐分页。这是默认值。
句法：
示例：此示例说明了使用 flex-row 类的引导分页。
输出：
flex-row-reverse：当在组件内部添加此类时，有助于以行格式对齐分页，但方向相反，并且在页面的最右侧。
句法：
示例：此示例说明了使用 flex-row-reverse 类的引导分页。
输出：
flex-column：这个类在组件内部添加时有助于对齐列中的分页。
句法：
示例：此示例说明了使用 flex-column 类的引导分页。
输出：
flex-column-reverse：这个类在组件内部添加时有助于对齐列中的分页，但方向相反。
句法：
示例：此示例说明了使用 flex-column-reverse 类的引导分页。
输出：
justify-content-center：在组件内部添加此类时，有助于以行格式将分页对齐在中心。
句法：
示例：此示例说明了使用 justify-content-center 类的引导分页。
输出：
justify-content-start：在组件内部添加此类时，有助于以行格式对齐开始时的分页。
句法：
示例：此示例说明了使用 justify-content-start 类的引导分页。
输出：
justify-content-end：在组件内部添加此类时，有助于以行格式对齐页面末尾的分页。
句法：
示例：此示例说明了使用 justify-content-end 类的引导分页。
输出：
align-items-start：在组件内部添加此类时，有助于以列格式对齐页面开头的分页。
句法：
示例：此示例说明了使用 align-items-start 类的引导分页。
输出：
align-items-end：在组件内部添加此类时，有助于以列格式对齐页面末尾的分页。
句法：
示例：此示例说明了使用 align-items-end 类的引导分页。
输出：
align-items-center：在组件内部添加此类时，有助于以按列格式将分页与页面中心对齐。
句法：
示例：此示例说明了使用 align-items-center 类的引导分页。
输出：
笔记：