logoOutUI

⌘ K
  • 指南
  • 组件
  • 工具类
  • 其他
v5.3.x
  • 组件总览
  • 通用
    • Color 色彩
    • Icon 图标
    • Button 按钮
    • Text 文本
    • Link 链接
    • Typography 排版
  • 布局
    • Grid 栅格
    • Layout 布局
    • Stack 堆栈
  • 表单
    • Input 输入框
    • Select 选择器
    • Radio 单选框
    • Checkbox 复选框
    • Input group 输入组
    • Float label 浮动标签
    • ColorPicker 颜色选择器
    • Slider 滑块
    • Switch 开关
    • Upload 文件上传
    • Form 表单
  • 导航
    • Affix 固钉
    • Breadcrumb 面包屑
    • Dropdown 下拉菜单
    • NavBar 导航栏
    • NavMenu 导航菜单
    • Tabs 标签页
    • Pagination 分页
  • 数据
    • Table 表格
    • Tag 标签
    • Progress 进度条
    • Badge 徽章
    • Avatar 头像
最后更新时间:
Tabs 标签页Table 表格
Copyright © 2021-present 粤ICP备2021136339号
‌
‌
‌
‌

Pagination 分页

分页器用于分隔长列表,每次只加载一个页面。

基础用法

提供描述性 aria-label 以反映其用途。例如,如果分页组件用于在一组搜索结果之间导航,则适当的标签可以是 aria-label="Search results pages"。


使用图标

使用图标或符号代替某些分页链接的文本,请务必为 aria 属性提供适当的屏幕阅读器支持。


禁用和活动状态

使用 .disabled 表示无法点击的链接,使用 .active 表示当前页面。你应该始终在禁用的链接上添加

尺寸

添加 .pagination-lg 或 .pagination-sm 以获取其他尺寸

水平居中


对齐方式

通过 .justify-content-center 来居中对齐分页。

通过 .justify-content-end 来居右对齐分页。