ads

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

laravel pagination bad design

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 :)

Post a Comment

أحدث أقدم