twitter bootstrap spacer

2013年5月1日更新 view: 559 view
photoBy: http://danieeel.in/wp-content/uploads/twitter-bootstrap.png

spacer で 簡単にスペースを空ける

まずは設定

スポンサードリンク

以下のCSSを書き込み。

/*
    spacer
*/
.spacer { margin-top: 5px; }
.spacer10 { margin-top: 10px; }
.spacer15 { margin-top: 15px; }
.spacer20 { margin-top: 20px; }
.spacer25 { margin-top: 25px; }
.spacer30 { margin-top: 30px; }
.spacer35 { margin-top: 35px; }
.spacer40 { margin-top: 40px; }
.spacer45 { margin-top: 45px; }
.spacer50 { margin-top: 50px; }
.spacer100 { margin-top: 100px; }
.spacer200 { margin-top: 200px; }

使い方

<p class="spacer">
    内容
</p>

<div class="spacer40">
    40px の間が空くよ
</div>

たったこれだけでスペースを空けることができる。
CSSがスッキリするのでオススメ。

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

12月12日 ( 火 ) にアクセスが多かった記事はこちら!