【问题标题】:Keeping pagination and screen sizes保持分页和屏幕尺寸
【发布时间】:2017-10-12 00:07:11
【问题描述】:

我正在使用 laravel 文档代码并通过

显示分页
                  {!!$sights->appends(Request::all())->links()!!}

我遇到的问题是我有六个页面,可以在桌面上显示所有六个链接以及下一个和上一个按钮,但是当我将屏幕尺寸更改为移动设备时,它太大并且下降到第二行,我如何让分页适合屏幕。它是响应 CSS 还是我需要添加他们的 php?

【问题讨论】:

  • 你使用引导程序吗?
  • 是的,只是'文本中心',目前和它在容器内等
  • 添加这个类可以做分页的小链接pagination-sm
  • 是的,这会使链接变小,但不会解决分页显示所有链接的问题,而不仅仅是页面的第一、最后和任一侧。因此,当我有更多页面时,问题会再次出现
  • 你可以在你的控制器函数中使用simplePaginate()而不是pagination(),它只会链接next & Previous

标签: laravel laravel-5 pagination laravel-5.4


【解决方案1】:

如果你使用 jQuery,你可以这样做。

$('.pagination').addClass('pagination-sm')

通过上面的代码,它会生成分页类,这实际上是为中等屏幕工作的。您还可以添加 pagination-lg 类。

希望有帮助:)

【讨论】:

  • 不是不使用 Jquery。问题是它没有削减页面而是显示它们全部而不是例如'previous 1,3,4,5,7,next',这意味着它会超过几行。
  • 你也可以在 JavaScript 中做同样的事情。它会处理。如果你愿意,我可以用 JavaScript 转换这段代码。通过添加这个类,bootstrap 会自动处理响应
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-25
  • 2015-05-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多