Pagination:分页器

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Pagination,分页器 ..

可以使用一个 ul 无序列表 .. 上面加上 pagintation .. 每个项目是一个 li 元素 .. 上面加上一个 page-item . 项目里面是个链接 .. 一般链接的位置就是对应的页码 ..

链接上添加一个 page-link ... 分页器一般都有个后退,还有前进 .. 这个可以是个后退 ..

添加一份 .. 数字 1 .. 再复制几份 ... 修改一下链接上的数字 .. 最后一个是 前进 ..

在禁用的项目上,可以添加一个 disabled .. 在当前激活的项目上,要加上一个 active ..

在分页器的包装上可以设置分页器的尺寸 .. 把它变成小号的,就添加一个 pagination-sm .. 变成大号的,就用一个 pagination-lg ..

让它水平右对齐,可以在包装元素上添加一个 justify-content-end .. 这个是 Bootstrap 里面提供的 flexbox 工具类 ..

让分页器水平居中,可以用一下 justify-content-center ..

Pagination:分页器《 Bootstrap 4:界面组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点