TwitterBootstrapWithRails の履歴ソース(No.5)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• 履歴 を表示
• TwitterBootstrapWithRails へ行く。
  • 1 (2012-02-21 (火) 02:30:44)
  • 2 (2012-02-21 (火) 02:50:50)
  • 3 (2012-02-23 (木) 09:11:27)
  • 4 (2012-02-29 (水) 02:54:41)
  • 5 (2013-04-12 (金) 05:52:39)
  • 6 (2013-05-01 (水) 07:12:26)
  • 7 (2013-05-10 (金) 13:11:36)
  • 8 (2013-06-07 (金) 07:49:03)
  • 9 (2013-09-05 (木) 22:37:57)

&tag(TwitterBootstrapWithRails);
*目次 [#z420c285]
#contents
*参考情報 [#j95158de]
-[[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]]
-[[./古い情報]]
*twitter-bootstrap-rails 2.2.6 [#z2eaae88]
**インストール [#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の生成(固定レイアウトの例)
 rails g bootstrap:layout application fixed

**修正 [#m0a25b06]
-そのままだとヘッダー部分が本文と重なっており萎える。bootstrap_and_overrides.css.lessに以下を追加。
#pre{{
body {
     padding-top: 60px;
}

}}