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 實現。