TwitterBootstrapWithRails の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• TwitterBootstrapWithRails へ行く。
• TwitterBootstrapWithRails の差分を削除

&tag(TwitterBootstrapWithRails);
*目次 [#z420c285]
#contents
*参考情報 [#j95158de]
-[[Rails]]
-[[Rails3]]
-[[TwitterBootstrap]]
-[[seyhunak/twitter-bootstrap-rails - GitHub:https://github.com/seyhunak/twitter-bootstrap-rails]]…公式サイト
-[[twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks blog:http://ppworks.hatenablog.jp/entry/2012/02/19/033644]]
-[[Bootstrap：基本的な事:http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap_02.html]]
-[[Twitter Bootstrapのグリッド機能で段組を作成 [ホームページ作成] All About:http://allabout.co.jp/gm/gc/394128/]]
-[[モダンなデザインが簡単に使える Twitter Bootstrap [ホームページ作成] All About:http://allabout.co.jp/gm/gc/393078/]]
-[[ツイッター・ブートストラップ使用例:http://guide.withabout.net/guide/gp332/393078/bootstrap-sample.html]]
-[[./古い情報]]

*Bootstrap3を使うには [#b39deb5a]
-https://github.com/seyhunak/twitter-bootstrap-rails/tree/bootstrap3 にある明示的に別のブランチを使わないとだめ。


*twitter-bootstrap-rails 2.2.6 [#z2eaae88]
**概要 [#p34014c0]
-css版とless版のインストール方法がことなる。
-less版をいれたほうがカスタマイズが容易っぽい。
**インストール [#zc47872d]
-Gemfileの編集し以下の3行を追加
#pre{{
gem "therubyracer"
gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
gem 'twitter-bootstrap-rails'
}}
-bundle installの実行
 bundle install --path vendor/bundle
-cssなどの生成
 bundle exec rails generate bootstrap:install
-layoutの生成(固定レイアウトの例)
 bundle exec rails g bootstrap:layout application fixed
**修正 [#m0a25b06]
-そのままだとヘッダー部分が本文と重なっており萎える。bootstrap_and_overrides.css.lessに以下を追加。
#pre{{
body {
     padding-top: 60px;
}

}}


**$(window).loadとか$(window).readyが動かない [#qcedf733]
-作成したapplication.html.erbの一番下でjavascriptをincludeしているのが原因っぽい。headタグ内部にもっていくと解決する。