twitter-bootstrap
Glyphicons

замечания

Как использовать глификон

Twitter Bootstrap поддерживает значки, называемые глификонами, и их можно использовать со всеми тегами HTML.

Все значки требуют базового класса и индивидуального класса значков.

Имейте в виду, что классы значков нельзя напрямую комбинировать с другими компонентами, поэтому всегда используйте <span></span> .

Если ваш HTML-код содержит внутренние дочерние элементы, вы не можете использовать классы значков для этого конкретного тега.

Примеры

Например, вы создаете кнопку начальной загрузки, тогда синтаксис этой кнопки должен выглядеть следующим образом:

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

Таким образом, в приведенном выше примере создается простая кнопка начальной загрузки, но теперь вы хотите добавить глификон в эту кнопку, так как это просто добавляет элемент <span> внутри <button> . Как это:

<button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>