大田区から発信するゆるゆる日記

主にITエンジニアに関する備忘録日記。たまに趣味も。何か不備があればコメント頂けると幸いです。Twitterアカウント https://twitter.com/ryuzan03

【Rails】bootstrap4対応のkaminariデザイン

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。

【目次】

 

メリット

bootstrap4に対応したkaminariデザインの導入方法がわかる

 

背景

 ページネーション実装のために、kaminariを導入しました。

 

そのままのデザインではダサかったので、bootstrap4に対応したデザインにしようと考えました。

 

内容

gemの「kaminari」を導入

railsのgemファイルに「kaminari」を記述して、bundle installします。

 

bootstrap4対応のビューを作成

$ rails g kaminari:views bootstrap4

事前にbootstrap4の導入及びに設定は行っておく必要があります

 

これでかっこいいデザインのページネーションになると思います。

 

今後に向けて

最近難しいことができてない・・・

 

就活と退職手続きに終われる毎日だけど、少しで良いからプログラミングの時間を取るようにしていきたい。