twitter-bootstrap
グリフィコン

備考

グリフィコンの使い方

Twitter Bootstrapは、グリフィコンと呼ばれるアイコンをサポートしており、HTMLのすべてのタグで使用できます。

すべてのアイコンには、基本クラスと個別のアイコンクラスが必要です。

アイコンクラスは他のコンポーネントと直接結合できないので、常に内部の<span></span>タグを使用してください。

あなたのHTMLコードに内部の子要素がある場合、その特定のタグのアイコンクラスを使用することはできません。

例

たとえば、ブートストラップボタンを作成する場合、このボタンの構文は次のようになります。

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

上の例では簡単なブートストラップボタンが作成されましたが、このボタンにグリフアイコンを追加する必要があります。これは<span>要素を<button>タグ内に追加するだけです。このような：

<button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>