Use Bootstrap for pagination links in Laravel
July 29, 2022 ‐ 1 min read
Before Laravel V8 the pagination links were by default styled using Bootstrap. But since Laravel version 8 this default changed to Tailwind CSS. If you not already upgraded to version 8 this might be something to pay attention to.
Anyway, if you prefer to you can still make use of Bootstrap styling for pagination links. We need to make a change to the AppServiceProvider for this.
For Laravel 9
For Laravel v9 we can choose the Bootstrap version. In the boot() method we can call either the useBootstrapFive() or useBootstrapFour() method.
<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Pagination\Paginator;
class AppServiceProvider extends ServiceProvider
{
public function boot()
{
// For Bootstrap v5
Paginator::useBootstrapFive();
// For Bootstrap v4
Paginator::useBootstrapFour();
}
}
For Laravel 8
For Laravel v8, in the boot() method call useBootstrap() to make use of Bootstrap styled pagination views.
<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Pagination\Paginator;
class AppServiceProvider extends ServiceProvider
{
public function boot()
{
Paginator::useBootstrap();
}
}