css - ブートストラップを使用するときにアイコンを小さくするにはどうすればよいですか?

Question

アイコンのサイズを最小化したい場合、ブートストラップを使用するときにアイコンを小さくするにはどうすればよいですか?

これはデモhttp://jsfiddle.net/AqUBu/です

この人間のアイコンのサイズを最小化したいと思います。

<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>

Answer 1

Bootstrap 3 を使用している場合は、次の<small>ようにタグを使用できます: <small><span class="glyphicon glyphicon-send"></span></small> Bootstrap 3 で完全に動作します。

Answer 2

グリフィコンやその他のアイコンは、CSS プロパティを使用して正確にサイズ変更できますfont-size:

あなたが知っている...グリフとすべてです。

Answer 3

使用できますclass="btn btn-xs"

参考：https ://getbootstrap.com/components/

Answer 4

http://getbootstrap.com/css/#small-textから

小さなテキスト

インラインまたはテキスト ブロックの強調を解除するには、 <small>タグを使用してテキストを親の 85% のサイズに設定します。font-size見出し要素は、ネストされた要素に対して独自のものを受け取り<small>ます。

または、代わりに inline 要素を使用することもできます.smallany <small>.

試す：

<span class='badge badge-success small'>
  <i class='icon-user icon-white'></i>
  <i class='icon-user icon-white'></i>
  <i class='icon-user icon-white'></i>
</span>