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
-

執筆者:

関連記事

RubyでWikiをはじめる〜gollum

目次1 環境2 インストール3  ハロー Gollum4 Powでつかう5 情報 環境 Ruby 2.1.0 Mac OSX Mavericks インストール 自分の環境ではこれをいれとかないとインス …

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった

なにかいつの間にかかっこいい感じのサイトになってた addyosmani.github.com/jquery-ui-bootstrap/ jquery-ui-bootstrap.github.io/j …

no image

Carrierwaveでpdfのサムネイルを作成する

no image

Rails3.2でajaxなフォルダツリーを導入する4~dynatree-rails & Drag’n’Drop

wwwendt.de/tech/dynatree/doc/dynatree-doc.html wwwendt.de/tech/dynatree/doc/samples.html 今日はドラッグアンドド …

Ubuntu Server 12.04.1にいま流行のDiscourseをインストールしてみた

By: Wonderlane – CC BY 2.0 目次1 はじめに2 環境3 インストール4 情報 はじめに すでにGitHubのトレンドRepoでスター数がTwitterのFligh …