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
-

執筆者:

関連記事

no image

Mongoidのandとorで悩み中

and

or

  orの方はハッシュで[crayon-5a …

RailsでECサイト構築6 固定ページを作る~spree

  ECサイトを作成するときには日本の法律にしたがって色々と表示しなければならない 表示しなければならないことについては次のページが詳しかった 本サイトについて 実際のECサイトをみれば実例 …

全文検索エンジンGroongaをRubyから利用するライブラリのチュートリアルをやってみた〜rroonga

By: Kevin Jarrett – CC BY 2.0 目次1 Groonga2 Groongaのインストール3 rroongaのインストール4 チュートリアルの開始5 データベースの …

no image

Rails3.2のアプリにユーザー機能を追加する~Devise

  アプリにユーザー機能を追加するためにdeviseというgemを使った deviseを使えば高機能なユーザー管理機能を簡単につけることができる 参考 Rails3.2+Mongoidでログ …

no image

Rails3.2+MongoDBでつくったアプリをheroku+mongoHQにアップしたよ

Stack Overflowはなんでも答えてくれる エラーメッセージをコピーしてググればたいていの答えはStack Overflowで出尽くしている 目次1 Gemfile2 herokuにアプリ作成 …