【Rails】bootstrapでページネーション機能を作成する

gemのインストール

kaminariのgemをインストールします。

gem 'kaminari'
gem 'kaminari-bootstrap', '~> 3.0.1' #bootstrap3用

$ bundle install

インストール後、サーバーを再起動します。

ymlファイルの作成

config/localesにkaminari_ja.ymlを作成し、以下を記載します。

kaminari_ja.yml

ja:
  views:
    pagination:
      first: "« 最初"
      last: "最後 »"
      previous: "‹ 前"
      next: "次 ›"
      truncate: "..."

コントローラーの変更

class PostsController < ApplicationController
  def index
    @posts = Post.all
  end

以下のように変更します。

PER = 5 　#区切りたいところを決める

class PostsController < ApplicationController
  def index
    @posts = Post.page(params[:page]).per(PER)
  end

ビューの変更

挿入したい箇所に以下を記入します。

    <div class="paginate text-center">
      <%= paginate @like_posts %>
    </div>

追記：中央寄せ

自動でpagenationクラスが作成されますので
以下の方法で、中央寄せ出来ます。

.pagination {
  justify-content: center;
}

完成

以上で、ページネーション機能が作成出来ます！