加了 .pagination-lg 但按钮没变大，主要是根字体被改小或存在 !important 覆盖；它同步调整 font-size、padding、line-height 和 border-radius；移动端需额外设置 min-width/min-height 并检查可访问性。
直接用 .pagination-lg 或 .pagination-sm 类，别和默认 .pagination 一起写，否则样式打架。
为什么加了 .pagination-lg 但按钮看起来没变大？
常见原因是根字体（html { font-size }）被改小了，比如全局设成 12px，那 .pagination-lg 的 1.25rem 就只等于 15px，视觉上“放大”不明显。另外，父容器或自定义 CSS 里写了 !important 强制重置 font-size 或 padding，也会覆盖掉 Bootstrap 的 rem 计算值。
- 打开 Chrome DevTools，选中
.page-link，在「Computed」面板看font-size是否真为20px（默认根字体 16px 下） - 检查
html或body是否有自定义font-size，它会同比缩放所有 rem 值 - 删掉所有其他尺寸类（比如同时写了
.pagination和.pagination-lg），只留一个
.pagination-lg 和 .pagination-sm 到底改了哪些属性？
它们不是只调 font-size，而是一套协同缩放：必须同步改 padding、line-height、border-radius，否则文字会贴顶、溢出或圆角不匹配。
-
.pagination-lg典型值：font-size: 1.25rem、padding: 0.75rem 1.5rem、line-height: 1.5、border-radius: 0.3rem -
.pagination-sm典型值：font-size: 0.875rem、padding: 0.375rem 0.75rem、line-height: 1.5、border-radius: 0.2rem - 如果项目用了
html { font-size: 18px }，这些 rem 值会自动放大，不用额外调整
移动端点不到分页按钮？尺寸类不是万能解
.pagination-sm 在手机上反而更难点——它的 padding 算下来只有约 6px × 12px，远低于推荐的 44×44px 触摸目标。而 .pagination-lg 又容易撑出屏幕、遮挡内容。
- 给
.page-link单独加min-width: 44px和min-height: 44px - 用媒体查询限定放大行为，例如只在
max-width: 768px下增大padding和border-radius - 检查是否误设了
pointer-events: none或touch-action: none在父容器上 - 动态禁用分页项时，
disabled属性和aria-disabled必须同时操作，否则读屏软件会误判
真正要改尺寸，不能只盯着 font-size；真正要适配移动端，不能只依赖内置尺寸类——热区、可访问性、响应式断点，三者缺一不可。
