#author("2020-09-11T09:32:59+00:00","default:src128","src128")
&tag(kaminari/古い内容);
*目次 [#h8781b87]
#contents
*関連ページ [#i53fc985]
*参考情報 [#wb15e836]
*twitter-bootstrap-railsと併用する場合(Bootstrap3 + Rails4) [#l8d6aeac]
-[[kaminariをBootstrap3、Rails4環境で使う! - 酒と泪とRubyとRailsと:http://morizyun.github.io/blog/kaminari-gem-paginator-rails/]]
-[[twitter-bootstrap-railsとkaminariをBootstrap3に対応させる - tyn-iMarketの技術メモ:http://d.hatena.ne.jp/tyn_iMarket/20131209/1386604167]]

※Bootstrap2でもうまくいく感じ。
**generatorで生成 [#o45d184f]
-以下のコマンドを実行する。特にいじらなくてもうまくいく?
#pre{{
$ bundle exec rails g kaminari:views bootstrap
      downloading app/views/kaminari/_first_page.html.erb from kaminari_themes...
      create  app/views/kaminari/_first_page.html.erb
      downloading app/views/kaminari/_gap.html.erb from kaminari_themes...
      create  app/views/kaminari/_gap.html.erb
      downloading app/views/kaminari/_last_page.html.erb from kaminari_themes...
      create  app/views/kaminari/_last_page.html.erb
      downloading app/views/kaminari/_next_page.html.erb from kaminari_themes...
      create  app/views/kaminari/_next_page.html.erb
      downloading app/views/kaminari/_page.html.erb from kaminari_themes...
      create  app/views/kaminari/_page.html.erb
      downloading app/views/kaminari/_paginator.html.erb from kaminari_themes...
      create  app/views/kaminari/_paginator.html.erb
      downloading app/views/kaminari/_prev_page.htm
}}
-bootstrap3の場合はこれ?
  bundle exec rails g kaminari:views bootstrap3

-文字を日本語化。config/locales/ja.ymlを修正
#pre{{
ja:
  views:
    pagination:
      first: "« 最初"
      last: "最後»"
      previous: "‹ 前"
      next: "次 ›"
      truncate: "..."
}}
-application.rbでlocaleを変更。
 config.i18n.default_locale = :ja
*twitter-bootstrap-railsと併用する場合(古い内容) [#t0f69e9e]
-twitter-bootstrap-railsと併用するとレイアウトが崩れる。
-対策として[[gabetax/twitter-bootstrap-kaminari-views · GitHub:https://github.com/gabetax/twitter-bootstrap-kaminari-views]]をcloneする。
-app/views/kaminari/*.erbを自分のところのapp/views/kaminari以下にコピーする(ディレクトリがない場合は作る)。


トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS