适合在移动设备上进行分页(laravel引导程序) [英] fit pagination on mobile devices (laravel bootstrap)

问题描述

我无法在移动设备上安装分页. (laravel 6和bootstrap 4)

我发现此函数可用于分页(onEachSide())

 $products->onEachSide(1)->links()

页面加载时结果正常(附加屏幕快照):

但是问题是，当单击3等等时....(附加屏幕快照):

如何使分页适合一行?

解决方案

我知道这不是最好的选择，但是尝试覆盖默认的Bootstrap 4模板并添加"pagination-sm"类，这种方式在移动设备上非常合适. /p>

I can`t fit on mobile device the pagination. (laravel 6 and bootstrap 4)

I found this function for pagination ( onEachSide() )

 $products->onEachSide(1)->links()

The results are ok when the page loads (screenshot attached):

But the problem is when click on 3 and so on.... (screenshot attached):

How can I fit the pagination on a single row ?

解决方案

I know is not the best option but try to override the default Bootstrap 4 template adding "pagination-sm" class, this way on mobile it fits fine.

这篇关于适合在移动设备上进行分页(laravel引导程序)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！