will_paginateにBootstrap4が反映されない...

はじめに

Railsgem 'will_paginate'を導入後、Bootstrap4を適用させたいと思ったのですが上手くいきませんでした。
ですので、解決策を書いておきたいと思います。

バージョン

Ruby 2.7.0
Rails 6.0.3.3
Bootstrap 4.5.2

最初にやったこと

注:BootstrapはWebpackで管理しています。

Webpackerを利用してBootstrapを導入してみた - Kazu Tech Blog

まずは必要なgemをインストールします

gem 'will_paginate' #3.3.0
gem 'will_paginate-bootstrap' #1.0.2

コードを書きます。(割愛)

以下を参考にしています。

Rails 6 でプロダクト開発を学ぼう - Railsチュートリアル

表示結果

f:id:matazoukun:20201007142120p:plain

Bootstrapが適応されない...

解決策

以下の記事を参考にしました。

【Rails】will_paginate導入方法とつまづきがちな点(Railsチュートリアルと比較して) - Qiita

GitHub - delef/will_paginate-bootstrap4: Hooks into will_paginate to format the html to match Twitter Bootstrap 4 styling

記事を見ると、gem 'will_paginate-bootstrap4'を使用するといいみたいです。

gem 'will_paginate-bootstrap4'

表示結果

f:id:matazoukun:20201007153332p:plain

適応されました!!