ブレットを作成する

セールスレターで使われる「ブレット」の作り方をご紹介します。多少コードを書く形にはなってしまいますが、以下のような記述でブレットを作ることができます。

bullet

コピペ用

アイコン用のコードの例:<i class="fa fa-check color-green"></i>
文字サイズの指定例:font-xs-17 font-sm-20

アイコンの変更

上記の例では、Font Awesome(Webフォント)を使ってチェックマークを表示しています。ですので、他のアイコンに変更することも可能です。また、配色も変更できます。

使用可能なアイコンとクラス名は、Font Awesome CheetSheetをご参照下さい。

例えば、赤色で×を表示したい場合は、<i class="fa fa-close color-classic-red"></i>という記述になります。

なお、配色クラスや文字サイズクラスについては、こちらのページで紹介しています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です