Badgeの使い方

Badge

CSSフレームワーク「Zurb Foundation」には、バッジ・コンポーネントのためのクラスが用意されている。

バッジに関するクラス
クラス 説明
badge バッジの基本クラス
primary 優先
secondary 劣後
success 成功
alert 警戒
warning 警告

Primary badge

<span class="primary badge">B</span>
<span class="primary badge">Badge</span>

B Badge

Secondary badge

<span class="secondary badge">B</span>
<span class="secondary badge">Badge</span>

B Badge

Success badge

<span class="success badge">B</span>
<span class="success badge">Badge</span>

B Badge

Alert badge

<span class="alert badge">B</span>
<span class="alert badge">Badge</span>

B Badge

Warning badge

<span class="warning badge">B</span>
<span class="warning badge">Badge</span>

B Badge

Tweet このエントリーをはてなブックマークに追加