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

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

Это демонстрация 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>

Ответ 1

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

Ответ 2

Если вы используете Bootstrap 3, вы можете использовать тег , например:  Он отлично работает с Bootstrap 3.

Ответ 3

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

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

Ответ 4

Вы можете использовать class="btn btn-xs"

Ссылка: https://getbootstrap.com/components/

Ответ 5

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

Малый текст

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

Вместо этого вы можете использовать встроенный элемент с .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>