フロントエンドツール twitter bootstrap
Gemfileに以下を追加しbundle installする
1
| |
railsプロジェクトにbootstrapをインストールする
1
| |
次にレイアウトファイルを作成する 固定(Fixed)レイアウトまたは可変(Fluid)レイアウトが選択可能
例）
1
| |
※このときapplication.html.erbが残っていた場合は削除すること
1
| |
※メモ bootstrapとwill_paginateを併用すると、ページネイトのレイアウトが崩れる が、viewページにおいて以下のようにクラスを明示的に指定することでそれを回避可能である
例）
1
| |
ページネイションがKaminariの場合、以下のコードを git clone してアプリのビューに配置する
https://github.com/gabetax/twitter-bootstrap-kaminari-views
参考サイト：
http://bootswatch.com/
http://kachibito.net/web-service/stylebootstrap.html
http://blog.asial.co.jp/887
http://mrk1869.sakura.ne.jp/?p=468
http://kachibito.net/web-service/stylebootstrap.html
http://d.hatena.ne.jp/replication/20120226/1330224012
http://d.hatena.ne.jp/end0tknr/20111016/1318732238
http://d.hatena.ne.jp/akynd_knight/20120714/1342227600
http://ppworks.hatenablog.jp/entry/2012/02/19/033644
http://coliss.com/articles/freebies/resources-that-complement-twitter-bootstrap-by-webresourcesdepot.html