📅 最后修改于: 2020-10-27 06:10:54 🧑 作者: Mango
本章讨论Bootstrap支持的分页功能。分页是由Bootstrap处理的无序列表，就像其他许多界面元素一样。
下表列出了Bootstrap提供的用于处理分页的类。
| Class | Description | Sample code |
|---|---|---|
| .pagination | Add this class to get the pagination on your page. | |
| .disabled, .active | You can customize links by using .disabled for unclickable links and .active to indicate the current page. |
|
| .pagination-lg, .pagination-sm | Use these classes to get different size items. |
|
以下示例演示了上表中讨论的class .pagination的使用-
以下示例演示了上表中讨论的.disabled，.active类的用法–
以下示例演示了上表中讨论的用于大小调整的类.pagination- *的使用-
如果您需要创建超出文本范围的简单分页链接，则寻呼机可以很好地工作。像分页链接一样，寻呼机是无序列表。默认情况下，链接居中。下表列出了Bootstrap为寻呼机提供的类。
| Class | Description | Sample code |
|---|---|---|
| .pager | Add this class to get the pager links. | |
| .previous, .next | Use class .previous to left align and .next to right-align the links. | |
| .disabled | Add this class to get a muted look. |
以下示例演示了上表中讨论的.pager类的用法–
以下示例演示了上表中讨论的用于对齐的类.previous，.next的使用-
以下示例演示了上表中讨论的.disabled类的用法–