[Laravel] ページネーションを Bootstrap 4 スタイルにする

環境

• Laravel 5.5
• Bootstrap 4.1

やりたいこと

Laravel 5.5 だと Eloquent ORM の paginate() および $model->links() によって出力されるページネーションが Bootstrap 3 スタイルなので、 Bootstrap 4 スタイルにしたい。

実装

bootstrap/app.php の末尾の return の手前あたりに以下を追記する。

bootstrap/app.php

Illuminate\Pagination\AbstractPaginator::defaultView("pagination::bootstrap-4");

おまけ: ページネーションをセンタリングする

Bootstrap 4 スタイルの $model->links() から出力される <ul> 要素はフレックスコンテナになっているので、 .text-center や .mx-auto などのクラスを付加した <div> 要素で囲んでもセンタリングされない。 .pagination クラスに対して justify-content を指定する必要がある。

<style>
    .pagination { justify-content: center; }
</style>

参考

• Laravel 5.5 Pagination for Bootstrap 4