请问,如何让 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 分页尺寸适应手机屏幕 ?

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 4
.pagination {
    flex-wrap: wrap
}
5年前 评论

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

5年前 评论

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

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

file

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

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