Contents
ページネーションのレイアウトが崩れる
Laravelで下図のようにページネーションのレイアウトがなんだかおかしくなる事があります。
![](https://turningp.jp/wp-content/uploads/2021/03/9331_01-451x1024.png)
原因
レイアウトが崩れる原因はLaravelのページネーションがデフォルトでTailwind互換になっているからです。
デフォルトでは、ペジネータによって生成されたHTMLはTailwind CSSフレームワークと互換性があります。ただし、Bootstrapペジネーションのサポートも利用できます。
Laravel 8.x Database:ペジネーション
Bootstrapを使う
以下をAppServiceProviderに追記することで解消します。
use Illuminate\Pagination\Paginator;
public function boot()
{
Paginator::useBootstrap();
}
もしくはページネーションの記述を以下のように修正します。
{{ $users->links('pagination::bootstrap-4') }}
![](https://turningp.jp/wp-content/uploads/2021/03/9331_02-1024x840.png)