Bootstrap Pagination

基本分頁

如果你有一個網站，有很多的網頁，你不妨某種分頁添加到每個頁面。

在引導一個基本的分頁如下：

• 1
• 2
• 3
• 4
• 5

要創建一個基本的分頁，添加.pagination類的<ul>元素：

活動狀態

激活狀態顯示的是當前頁面：

• 1
• 2
• 3
• 4
• 5

添加類.active讓用戶知道他/她所在的網頁：

Disabled State

禁用的鏈接無法點擊：

• 1
• 2
• 3
• 4
• 5

添加類.disabled如果一個鏈接出於某種原因被禁用：

Pagination Sizing

分頁塊也可以尺寸以更大的尺寸或更小的尺寸：

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

添加類.pagination-lg較大塊或.pagination-sm為更小的塊：

麵包屑

為分頁另一種形式，是麵包屑：

1. Home
2. Private
3. Pictures
4. Vacation

該.breadcrumb類表示一個導航層次結構中的當前頁面的位置：

自測練習用！

練習1» 練習2» 練習3» 練習4» 練習5»

完成Bootstrap導航參考

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