読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

Rails3 で twtter bootstrap と ページネイトの kaminari を使うと表示が崩れる件

Rails

追記

下記するだけでbootstrapにビューが対応してくれる

$ rails g kaminari:views bootstrap

よって以下の記事は全く意味無し。

以下過去の記事

ナウなRails3のページネイトはwill_paginateでなく、kaminariらしいのでやってみた。

(環境: MacOSX10.7, ruby19.2, rails3.1.3, bootstrap-sass-rails1.4.0.3 2.0.0.2)

またズレた

will_paginateの時と同じようにまたズレた。

修正してみる

インストール

Gemfile(なんとなくbootstrap-sass-rails使ってみる)
もしかしたら bootstrap-sass-rails ではないもの使ったほうが良いのかも知れない。よくわからないけど。

gem 'bootstrap-sass-rails'

gem 'kaminari'

*1

application.css

/*
 *= require twitter/bootstrap
 */
.pagination span.page.current,
.pagination span.page.gap {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  border-right: 1px solid #DDD;
  text-decoration: none;
}

.pagination span.first a {
  border-left: 1px solid #DDD;
}

.pagination span.page.current {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #C7EEFE;
}
こんなんなった

bootstrap-sass-rails14.0.3

とりあえず

アプデトして'i18n_generators'も使った場合*2

bootstrap-sass-rails2.0.0.2
'i18n_generators'をンストールして設定。

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

結果、表示すると

こんな感じ

*1:修正:20120202

*2:追加修正:20120202