RailsでTwitterBootstrap Railsで使えるGem

SASS/SCSSでButtonをカスタマイズするならSassy Buttonsが簡単

投稿日:

By: Meike SchönhütteCC BY 2.0[/caption]

 

jaredhardy.com/sassy-buttons/

Railsでのインストール方法

Gemfile

bundle

scss

 使い方

 

BootstrapのデフォルトのButton

テーマにあってない

screenshot

Sassy Buttons

ズルいデザインを参考にしながら

 

screenshot

めり込んだボタンだって簡単

screenshot

インセット使い方間違ってたかも

もともとのボタンと同じにしてから縁取りの色を濃い目に指定するといいかも

 

screenshot

*Bootstrapのテーマカスタマイズ

RailsエンジニアのためのTwitter Bootstrapカスタマイズ例

github.com/machida/CustomizedTwitterBootstrap

base設定用のsassを作って

_config.css.sassで3色だけ決めて、テキストの色を上か下の方法で気に入った方をつかうだけ(違いはスライドをみる)

 

Bootstrap3用

4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass

-RailsでTwitterBootstrap, Railsで使えるGem
-

執筆者:

関連記事

WindowsのRubyでExcelを操作~WIN32OLE

By: Môsieur J. version 9.1 – CC BY 2.0 目次1 WIN32OLE2 hello world3 Excelオブジェクトモデル4 絶対パスを取得するメソッ …

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

By: Damian Gadal – CC BY 2.0 目次1 最初に2 Gemfile & bundle3 generate rb ファイル4 Modelに”ima …

RailsでこんにちはBackbone.Marionette

By: palindrome6996 – CC BY 2.0 自分の中でmarionette熱がだんだんと高まりつつあり、特徴的なItemView、CollectionView、Compo …

Rails3.2でFacebook風インターフェイスでタグづけ〜acts-as-taggable-on+jquery.tokenInput

By: Mauquoy Token Company – CC BY 2.0 railscasts.com/episodes/258-token-fields?language=ja&#03

Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails

  目次1 jQuery ajax送信側2 app/views/folders/show.js.coffee3  で、コントローラーを設定4 今までのは置いといてJsonでやり取りするアプロ …