Sassを使ったり、人からパクったりして、極力失敗しない方法
![RailsエンジニアのためのTwitter Bootstrapカスタマイズ例](https://cdn-ak-scissors.b.st-hatena.com/image/square/beb3a561b5ec298397f711913877580ddaa61157/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F508e2052aee4d50002021f36%2Fslide_0.jpg%3F58310)
はじめに プログラマでも簡単にそれっぽいデザインができるという 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 を組み合わせて画面で確認できるところまでや
<%= link_to "Delete", delete_post_path(post), :confirm => "Are you sure?", :method=>:delete %> みたいにすると、デフォルトでは JavaScript の confirm で確認され、格好悪いので、$.rails.fire メソッドを上書きして Bootstrap のモーダルを出します。 rails = $.rails _fire = rails.fire modal = null createModal = () -> $("body").append('<div class="modal hide fade" id="confirm-modal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です node.jsでは、twitter bootstrapを愛用していました。 http://twitter.github.com/bootstrap/ 久しぶりにRailsでアプリケーションを書くことになったのですが、 やはり、そこはbootstrapを使いたい。 そこで、rails用にbootstrapのtoolを調べたので紹介。 twitter-bootstrap-railshttps://github.com/seyhunak/twitter-bootstrap-rails BootstrapをRailsのasset pipelineに簡単に組み込めます。 Githubで調べたら最初にでますね。 less-rails-bootstraphttps://github.co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く