为什么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>

有人可以帮我解决这个问题吗？可能通过表格调整分页，并使用Bootstrap 4变成响应模式？是什么原因导致这个问题？

Answer 1

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

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