S 548a800a92d55976e13cd910d74a93e3 twitter-bootstrap-rails

使い方。
gem install twitter-bootstrap-rails
gem install kaminari

twitter bootstrapを使うなら、will_paginateよりもkaminariのほうがpaginateに使いやすい。twitter-bootstrap-kaminari-viewsがあるので。

Gemfileに追加。
gem 'twitter-bootstrap-rails'
gem 'kaminari'


Bundle
bundle install


CSSとCoffeescriptファイルを生成
rails g bootsrtap:install


レイアウトファイルを作る。
rails g bootstrap:layout [LAYOUT NAME] [fruid or fixed]
最初の引数は、作りたいレイアウトファイル名。2つ目は、fluidか、fixed。スマホ対応したいので、fluidのほうがいいかな。
rails g bootstrap:layout application fluid


もし、scaffold使うなら、以下もよい。bootstrapにあわせたscaffoldのviewを作ってくれる。
rails g scaffold post title:string description:text
rake db:migrate
rails g bootstrap:themed Posts


railsのpaginateはどうもbootstrapの苦手な部分。
twitter-bootstrap-kaminari-views https://github.com/gabetax/twitter-bootstr...]]を入れておこう。

続いて、kaminariの使い方も参照のこと。

参照
https://github.com/seyhunak/twitter-bootst...

もしかして

    他の人の「twitter-bootstrap-rails」

    S 548a800a92d55976e13cd910d74a93e3

    最新

      最新エントリ

        関連ツイート