bootstrap-generators gemを使う。 - tkymtk's blog
はじめに Railsでtwitter-bootstrapを使う方法はいくつかあります。gemを使って導入する場合、 lessで使いたいときは、twitter-bootstrap-rails sassで使いたいときは、bootstrap-sass を選択するのがほとんどだと思います。 twitter-bootstrap-railsにはジェネレータの機能がありますが、bootstrap-sassにはありません。 なので、sass環境でbootstrapのテンプレートを生成できる、bootstrap-generatorsというgemを使ってみたいと思います。 bootstrap-generators の特徴 sass テンプレートを生成できる。 インストール Gemfileに次のラインを追加: gem 'bootstrap-generators' bundle installを実行: bundl
LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利
LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利 LESSにはMixinという複数のプロパティをまとめる機能があります。 例えばcss3のベンダープレフィックスなど設定しておけば、あとで１行で呼び出すことができます。 で、実際作成するにあたり一から作るより Twitter Bootstrap を利用すれば、よく使いそうな機能があらかじめまとまってるのでいいかもしれないです。 投稿日2012年04月17日 更新日2012年04月17日 css3プロパティ 準備ができたところで早速使ってみましょう。 最初はCSS3で追加された「border-radius」で角丸にしてみます。 たとえば「id="box1"」でマークアップした「div」があります。 html <div id="box1"></div> 通常のcssでしたら次のようになりますよね。 css
LESS を使って Bootstrap をカスタマイズ | Web Design Leaves
LESS を使って Bootstrap をカスタマイズ CATEGORY: HTML/CSS | TAG: Bootstrap, LESS 2013年9月2日 Bootstrap(v3.0.0) には以下のようなボタンなどにあらかじめ用意されたオプション（クラス）がある。 btn-primary（青色） btn-success（緑色） btn-info（水色） btn-warning（オレンジ色） btn-danger（赤色） これらを独自のクラス名で使ったり、色を変更するなどのカスタマイズをする際のメモ。LESS のコンパイルには「Prepros」を使用。 準備 Bootstrap の LESS ファイルをダウンロード Bootstrap の「Getting started」ページの「Additional downloads」の下の「Download latest source code
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap Live Customizer
IDEA * IDEA
