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

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

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

&tag(TwitterBootstrapWithRails);

目次†[edit]

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

参考情報†[edit]

twitter-bootstrap-rails 2.2.6†[edit]

概要†[edit]

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

インストール†[edit]

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

修正†[edit]

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

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

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