TwitterBootstrapWithRails の履歴(No.6)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 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

目次†

参考情報†

• TwitterBootstrap
• seyhunak/twitter-bootstrap-rails - GitHub…公式サイト
• twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks blog
• ./古い情報

twitter-bootstrap-rails 2.2.6†

インストール†

• Gemfileの編集し以下の3行を追加

  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

修正†

• そのままだとヘッダー部分が本文と重なっており萎える。bootstrap_and_overrides.css.lessに以下を追加。

  body {
       padding-top: 60px;
  }
  
  

$(window).loadとか$(window).readyが動かない†

• 作成したapplication.html.erbの一番下でjavascriptをincludeしているのが原因っぽい。headタグ内部にもっていくと解決する。