ブートストラップフォントアイコンの使い方

Bootstrap には、200 を超えるフォント形式のグリフがバンドルされています。まず、フォントアイコンとは何なのかを理解しましょう。

#フォントアイコンとは何ですか? (推奨学習: Bootstrap ビデオ チュートリアル )

フォント アイコンは、Web プロジェクトで使用されるアイコン フォントです。 Glyphicons Halflings には商用ライセンスが必要ですが、プロジェクトベースのブートストラップを通じてこれらのアイコンを無料で使用できます。

アイコン作者様への感謝の気持ちを込めて、ご使用の際にはGLYPHICONSのWebサイトへのリンクを貼っていただければ幸いです。

フォント アイコンを取得する

環境インストールの章で Bootstrap 3.x バージョンをダウンロードし、そのディレクトリ構造を理解しました。フォント アイコンは、次のファイルを含む fonts フォルダーにあります。

glyphicons-halflings-regulator.eot

glyphicons-halflings-regulator.svg

glyphicons - halflings-normal.ttf

glyphicons-halflings-regulator.woff

関連する CSS ルールは、ファイル。

クラスは 200 個あり、各クラスはアイコン用です。これらのクラスの一般的な形式は次のとおりです。

.glyphicon-keyword:before {
  content: "hexvalue";
 }

アイコンを使用するには、次のコードを使用するだけです。アイコンとテキストの間には適切なスペースを空けてください。

<span class="glyphicon glyphicon-search"></span>

Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップフォントアイコンの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。