Bootstrap 分頁

基本分頁

如果您有一個包含大量頁面的網站，您可能希望在每個頁面上新增某種分頁。

Bootstrap 的基本分頁如下所示

• 1
• 2
• 3
• 4
• 5

要建立基本分頁，請將 .pagination 類新增到 <ul> 元素

Active State

活動狀態顯示當前是哪一頁

• 1
• 2
• 3
• 4
• 5

新增 .active 類以告知使用者他們當前在哪一頁

停用狀態

停用連結無法點選

• 1
• 2
• 3
• 4
• 5

如果連結由於某種原因被停用，請新增 .disabled 類

分頁大小

分頁塊也可以放大或縮小

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

新增 .pagination-lg 類用於較大的塊，或新增 .pagination-sm 類用於較小的塊。

麵包屑導航

另一種分頁形式是麵包屑導航。

1. 主頁
2. 私有
3. 圖片
4. 假期

.breadcrumb 類指示當前頁面在導航層次結構中的位置

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

完整的 Bootstrap 導航參考

有關所有導航類的完整參考，請訪問我們的完整 Bootstrap 導航參考。