Asset Pipeline で bootstrap.css が bootstrap-responsive.css よりも後に読み込まれてしまう - present
Twitter Bootstrap を twitter-bootstrap-rails を使わず、app/assets に放り込む形で導入したんだけど、レスポンシブ・デザインにしようと思って bootstrap-responsive.css を追加しても、スタイルがちゃんと適用されない…。 表示された HTML を Chrome のデベロッパーツールで見たところ、bootstrap.css が bootstrap-responsive.css の後に読み込まれていた。スタイルが上書きされてしまっていたのか。 Asset Pipeline は何も指定しなければファイル名の昇順で読み込むから、bootstrap.css がちゃんと先に読み込まれるように対策をしなければいけないな。ファイル名を変更する、というのはスマートじゃないから、application.css を次のように編集した。 /*
Rails で assets に Twitter Bootstrap を配置してみた - present
Rails3.2 で Twitter Bootstrap を使いたいけど、Windows では twitter-bootstrap-rails がインストールできなかったので、 Bootstrap で入手した bootstrap.zip を解凍し、assets 下の各ディレクトリに配置してみた。 これで Twitter Bootstrap の UI コンポーネントが使えるようになったけど、画像だけが表示されない。原因は、bootstrap.css に記述されている画像 URL が assets/images に配置したものを指していないから。 ビュー内では、assets/images に配置した画像 URL を、asset_path を使って <%= asset_path "filename.png" %> という風にして取得できる。そして、Rails の Asset Pipeline 機
Twitter Bootstrap + Rails 3.2.3 の使い方を知るためにスパイクしました - bekkou68 の日記
はじめに プログラマでも簡単にそれっぽいデザインができるという Twitter Bootstrap を試しました。Rails と組み合わせてスパイクしました。Grid を試してみたり、table や form にデザインをあてたりしました。スクラッチから Rails + Twitter Bootstrap を立ち上げたいときに参考になると思います。 ソースコードはこちらです。 https://github.com/bekkou68/bootstrap_bootcamp （追記2012年10月20日：英語版を書きました） 環境 以下がそろってるとします。 Rails 3.2.3 Ruby 1.9.3 MySQL 5.1.54 Twitter Bootstrap の layout を生成する まずは、Rails と Twitter Bootstrap を組み合わせて画面で確認できるところまでや
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
