次のようなボタンが欲しいです。
[ Sign in with FB]
ここで、FB はフォントの素晴らしいアイコンで、テキストの後に表示されます。普通に電話したら
<i class="icon-facebook">Sign in with</i>
FB アイコンがテキストの前に表示されます。
font-awesome (カスタムクラスの追加など) を使用してこの効果を達成することは可能ですか?
ありがとうございました。
次のようなボタンが欲しいです。
[ Sign in with FB]
ここで、FB はフォントの素晴らしいアイコンで、テキストの後に表示されます。普通に電話したら
<i class="icon-facebook">Sign in with</i>
FB アイコンがテキストの前に表示されます。
font-awesome (カスタムクラスの追加など) を使用してこの効果を達成することは可能ですか?
ありがとうございました。
ほとんどの要素内で font-awesome アイコンの配置を切り替えることができますが、独自のボタンのスタイルを設定する必要がある場合があります。
Sign in with <i class="icon-facebook"></i>
twitter-bootstrap で font-awesome を使用している場合は、ボタン クラスまたはその他の要素内の必要な場所にアイコンを配置できます。
<button class="btn" type="button">Sign in with <i class="icon-facebook"></i></button>
またはicon-facebook-sign
アイコン(より明確)と を使用してtype="submit"
:
<button class="btn" type="submit">Sign in with <i class="icon-facebook-sign"></i></button>
それぞれ以下を生成します。