Как я могу сделать значок маленьким при использовании начальной загрузки?

Если я хочу свести к минимуму размер значка, как я могу сделать значок маленьким при использовании начальной загрузки?

Это демонстрация http://jsfiddle.net/AqUBu/

Я хотел бы свести к минимуму размер этой человеческой иконки.

enter image description here

<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>

Ответы

Ответ 1

Вы можете использовать Font Awesome http://fortawesome.github.com/Font-Awesome/ для создания значка из fonts.Font Awesome полностью совместим с Twitter Bootstrap 2 и 3. Вы можете легко стильный цвет значка, размер, тень и все, что возможно с помощью CSS.

Ответ 2

Если вы используете Bootstrap 3, вы можете использовать тег <small>, например: <small><span class="glyphicon glyphicon-send"></span></small> Он отлично работает с Bootstrap 3.

Ответ 3

Глификоны и другие значки могут быть переделаны точно с помощью свойства CSS font-size:

Знаешь... это глифы и все.

Ответ 5

Из http://getbootstrap.com/css/#small-text

Малый текст

Для отмены подчеркивания строки или блоков текста используйте <small> для установки текста на 85% размера родителя. заголовок элементы получают свои собственные font-size для вложенных элементов <small>.

Вместо этого вы можете использовать встроенный элемент с .small вместо любой <small>.

Try:

<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>