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();
}
}