为什么 Laravel Paginator 在前端不能正常工作？

Question

我正在使用 Laravel 系统，并且正在使用 Paginator。此功能完美运行，但在前端，发生了我不知道如何修复它的冲突。当我调整到手机模式（切换设备工具栏）时，分页超过了我创建的表格。就像下图一样。

我尝试在表格中将此分页居中。我在 bootply 中放了一个 code 的简单示例，但我只有一个按钮来模拟分页。在 Laravel 中，我使用这段代码来创建分页。

    <nav class="nav justify-content-center">
        <ul class="pagination p-4 justify-content-center" >
            <li>
                {{ $prospect->appends($data)->links() }}
            </li>
        </ul>                    
    </nav>

谁能帮我解决这个问题？可能用表格调整分页并使用引导程序 4 进入响应模式？是什么导致了这个问题？

Answer 1

您可以使用onEachSide() 来限制渲染。

$prosect->appends($data)->onEachSide(3)->links();