为什么 Laravel Paginator 在前端无法正常工作？

Question

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

我尝试将此分页集中在 table 中。我在 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>

谁能帮我解决这个问题？可能用 table 调整分页并使用 bootstrap 4 变成响应模式？是什么导致了这个问题？

Answer 1

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

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