Laravel 5.5中分页样式未设置

Question

这是我的代码，我在其中展示了博客文章的分页信息！

<div class="clearfix">
    {{ $posts->render() }}
    <a class="btn btn-secondary float-right" href="#">Older Posts &rarr;</a>
</div>

这里是控制器，在这里调用分页函数。

public function index()
{
    $posts = post::where('status',1)->paginate(2);
    return view('user.blog',compact('posts'));
}

我尝试了很多次，但我的分页已经显示了，但样式不正确! 为什么？

- Muhammad Hamza

Answer 1

在你的 Blade 视图中显示分页链接，请使用以下代码：

{{ $posts->links() }}

或者如果您需要指定Bootstrap 4：

{{$posts->links("pagination::bootstrap-4")}}

Laravel文档：https://laravel.com/docs/5.5/pagination

- kerrin

---

你正在使用Bootstrap吗？来自Laravel文档：“分页器生成的HTML与Bootstrap CSS框架兼容。” - kerrin

我正在使用 Laravel 5.5，并且已经集成了 Bootstrap。 - Muhammad Hamza

如何使其正常工作？以显示正确的CSS？ - Muhammad Hamza

当您指定Bootstrap 4时会发生什么？{{$posts->links("pagination::bootstrap-4")}} - kerrin

通过使用 vendor:publish Artisan 命令，您可以将自己的特定分页模板创建到 view\vendor\pagination 目录中。 - Fatih Mert Doğancan

Answer 2

要创建漂亮的Bootstrap 4分页，只需调用以下代码：

{{ $results->links( "pagination::bootstrap-4") }}

- Emeka Mbah

Answer 3

对于 Laravel 8

Laravel 包含使用 Bootstrap CSS 构建的分页视图。如果要使用这些视图而不是默认的 Tailwind 视图，可以在 App\Providers\AppServiceProvider 类的 boot 方法中调用分页器的 useBootstrap 方法：

use Illuminate\Pagination\Paginator;

public function boot()
{
    Paginator::useBootstrap();
}

Laravel文档：https://laravel.com/docs/8.x/pagination

- migsAV

---

与我一起合作，使用 Laravel 8 和 Bootstrap 5。 - Omar

Answer 4

为了将 Bootstrap 样式应用到链接上，你可以创建一个 pagination.blade.php 文件，并在其中添加以下代码：

<!-- Previous page symbol "<" Link -->

@if ($paginator->hasPages())
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="page-item disabled">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                    <span class="sr-only">Previous</span>
                </a>
            </li>
@else
            <li class="page-item"><a href="{{ $paginator->previousPageUrl() }}" class="page-link" rel="prev">&laquo;</a></li>
@endif

{{-- Pagination Elements(represents page number such as 1,2,3) --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
    @if (is_string($element))
            <li class="page-item disabled">{{ $element }}</li>
    @endif

    {{-- Array Of Links --}}
    @if (is_array($element))
        @foreach ($element as $page => $url)
                @if ($page == $paginator->currentPage())
                        <li class="page-item active">
                            <a href="#" class="page-link">{{ $page }}<span class="sr-only">(current)</span></a>
                        </li>
                @else
                        <li class="page-item">
                            <a href="{{ $url }}" class="page-link">{{ $page }}</a>
                        </li>
                @endif
                @endforeach
            @endif
        @endforeach

        {{-- Next Page symbol ">" Link --}}
        @if ($paginator->hasMorePages())
                <li class="page-item"><a href="{{ $paginator->nextPageUrl() }}" class="page-link" rel="next">&raquo;</a></li>
        @else
                <li class="page-item disabled">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                        <span class="sr-only">Next</span>
                    </a>
                </li>
        @endif
    </ul>
    @endif

然后使用

{{ $results->links('pagination') }}

- Kart Av1k