请问,如何让 Bootstrap 分页尺寸适应手机屏幕 ?

我用了分页最小尺寸的类,还给了内边距,还是控制不住它往外跑。

        <div class="card-body">
          {{-- 话题列表 --}}
          @include('topics._topic_list', ['topics' => $topics])
          {{-- 分页 --}}
          <div class="mt-5 pagination pagination-mini pr-5">
            {!! $topics->appends(Request::except('page'))->render() !!}
          </div>
        </div>
      </div>
    </div>

请问,如何让 bootstrap 分页尺寸适应手机屏幕 ?

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 4
.pagination {
    flex-wrap: wrap
}
4年前 评论

@likunyan 谢谢!我尝试减少分页的数量,加大填充的数据,结果分页如下:
file
不敢想象数据过万或上十万以上的时候的样子了。

4年前 评论

手机的很少用页码吧,都是上一页,下一页,最多给你一个跳转页码。 :see_no_evil:

4年前 评论
bing_ (楼主) 4年前

file

4年前 评论
bing_ (楼主) 4年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!