pagination bad design laravel 8

laravel 8 pagination bootstrap 4 bad design

when you are using default pagination using the below syntax it will not display the perfect design in mobile view if pagination has more items

Step:1 simple pagination syntax by laravel framework

{{$product->links()}}

Step:2 see the below attachment design problem

if you see here below screenshot then there is a bad design pagination code so you need to follow some below steps for reducing the size for pagination

Step:3 go to app/Providers/AppServiceProvider.php

Step:4 import paginator using below line

use Illuminate\Pagination\Paginator;

Step:5 find boot method.

Step:6 write code as I wrote here for your solution


/**
 * Bootstrap any application services.
 *
 * @return void
 */
public function boot()
{
    Paginator::useBootstrapThree();
}

now just check your output it will solve you problem with pagination with proper design of mobile view also.

Happy Coding :)

ads