Bootstrap5分页组件：列表分页实现快速方法

在网页开发中，展示大量列表数据时使用分页组件可提升用户体验。Bootstrap5 分页组件通过简单 HTML 结构和 CSS 类名，快速实现美观且功能完整的分页效果。 使用前需引入 Bootstrap5 CSS（及可选的 JS 和 Bootstrap Icons）。其核心结构基于 `<ul class="pagination">`，包含 `<li class="page-item">`（页码容器）、`<a class="page-link">`（可点击项），通过 `active` 标记当前页，`disabled` 处理禁用状态（如首/尾页的上下页）。 常见场景包括：带禁用状态的边界页处理、居中对齐、带图标（结合 Bootstrap Icons）、调整尺寸（`.pagination-sm`/`.pagination-lg`）。扩展建议：用 `<button>` 代替 `<a>` 实现动态加载，根据总页数动态生成页码，避免 `href="#"` 并使用语义化 URL 以利于 SEO。 Bootstrap5 分页组件无需复杂代码，掌握核心类名即可应对多数场景，复杂交互可结合 JavaScript 实现。