TwitterBootstrapWithRails の履歴(No.9) - src256 wiki

[ トップ ] [ 新規 | 一覧 | 検索 | 最終更新 | ヘルプ | ログイン ]

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

目次†

目次
参考情報
twitter-bootstrap-rails 2.2.6

参考情報†

twitter-bootstrap-rails 2.2.6†

概要†

css版とless版のインストール方法がことなる。
less版をいれたほうがカスタマイズが容易っぽい。

インストール†

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タグ内部にもっていくと解決する。