web-dev-qa-db-ja.com

bootstrap実装されたWebページでソーシャルグリフィコンを使用するには?

bootstrap=実装されたWebページでソーシャルメディアグリフアイコンを使用できません。検索、グローブなどの通常のものを使用できました。

これは私が通常のものを使用する方法です:

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

上記の方法をソーシャルグリフィコンにどのように実装できますか?

14
maheshkumar

これをコードの頭の部分に貼り付けます

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

そしてFacebookのアイコンを挿入するための単なる例

<i class="fa fa-facebook"></i>

グリフアイコンの一覧については、 https://fortawesome.github.io/Font-Awesome/icons/ をご覧ください。

21
Nanoripper

Font-awesome 5を使用している場合、クラスが変更されています。

これで、faだけでなくプレフィックスが増えました:fab, fas, far, fal

たとえば、Twitterのロゴを表示するには、次のようなものが必要です

<i class="fab fa-Twitter"></i>

Font-awesome 4から5への移行の詳細については、こちらをご覧ください こちら

0
Radu Diță