How to fix laravel 8 UI paginate problem?

Question

I had a problem while trying out the recently released laravel 8, I'm trying to find out what the changes are and how it works. When I did that I had a problem with the paginate laravel 8 UI getting messy and somehow it happened. Is there anyone who can help me? or have experienced the same thing?

Like this the view I got in laravel 8 Laravel 8 paginate UI

and this is the code I use "Index.blade.php"

@extends('layouts.app')

@section('title', 'Post')

@section('contents')

    <div class="container">
        <div class="row">
            @foreach ($posts as $post)
                <div class="col-md-4 mb-4">
                    <div class="row">
                        <div class="card mb-4">
                            <div class="card-header">
                                {{ $post->title }}
                            </div>
                            <div class="card-body">
                                {{ $post->body }}
                            </div>
                            <div class="card-footer">
                                {{ $post->created_at->diffForHumans() }}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="d-felx justify-content-center">

            {{ $posts->links() }}

        </div>
    </div>

@endsection

the code I use for PostController

<?php

namespace App\Http\Controllers;

use App\Models\Posts;
use Illuminate\Http\Request;

class PostsController extends Controller
{
    public function index()
    {
        $posts = Posts::latest()->paginate(6);
        // dd($post);
        return view('post.index', compact('posts'));
    }
}

Have you noticed this [Upgrade Guide point](https://laravel.com/docs/8.x/upgrade#pagination-defaults) ? — Yevgeniy Afanasyev, Feb 24 '21 at 02:55

Manoj · Answer 1 · 2021-04-13T09:22:21.017

114

just make sure you have this in your AppServiceProvider.

use Illuminate\Pagination\Paginator;

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

and you're good to go.

edited Apr 13 '21 at 09:22

answered Nov 03 '20 at 06:44

Manoj

1,530
2
13
18

wow . you saved my huge time. thanks – Ariful Islam Jan 24 '22 at 18:34
this is exact answer I was searching – Ariful Islam Aug 10 '22 at 18:13
Manoj ji, shukriya n ji. ਤੁਸੀਂ ਅਦਭੁਤ ਕੀਤਾ., sat sri akal ji – Yagnesh bhalala Jul 14 '23 at 09:01

score 61 · Answer 2 · answered Jan 13 '21 at 00:43

61

I tried doing adding the Paginator::useBootstrap(); in the AppServiceProvider.php but it didn't work.

But this worked:

// Directly in your blade file
$posts->links('pagination::bootstrap-4')

answered Jan 13 '21 at 00:43

Taylor

2,981
2
29
70

It worked for me. But I used Bootstrap 5 version on this Laravel project. So, pagination looks funny. http://prntscr.com/1q9hnu8 Is there any way to use Bootstrap 5? – ExpertWeblancer Aug 18 '21 at 02:12
this worked perfect – Benjamin Ini Sep 19 '21 at 10:42
With a custom pagination design, this works fine on laravel 8. Thanks for sharing... – Amir Khan Feb 14 '22 at 19:15
1

Worked for me as well, albeit using `$posts->links('pagination::bootstrap-5')` – Jeremy Belolo Apr 03 '22 at 14:38

score 14 · Answer 3 · edited Jan 02 '22 at 04:38

14

First go to the file app\Providers\AppServiceProvider.php and add:

use Illuminate\Pagination\Paginator;

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

Use this after @endforeach in your post.blade.php:

{{ $blogs->links() }}

edited Jan 02 '22 at 04:38

Laurel

5,965
14
31
57

answered Aug 10 '21 at 07:26

Md.Mahbub Murshid

177
2
4

you just gave the same answer that @manoj did almost a year before. – Alex Angelico Jun 21 '23 at 18:18

score 4 · Answer 4 · answered Mar 02 '22 at 18:41

Don't use this way:

$posts->links('pagination::bootstrap-4')in AppServiceProvider.php

Right way :

use Illuminate\Pagination\Paginator;

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

Then in any blade, you want to use pagination like this:

{{ $posts->links() }}

How to fix laravel 8 UI paginate problem?

4 Answers4

Linked