Встраиваем глиф-иконки Bootstrap 3

Сегодня поговорим о встраиваемых иконках Bootstrap, с которыми вы можете ознакомиться на страницах getbootstrap.com

Встраиваются иконки очень легко, для этого нужно просто добавить определенный класс, который так же указан по ссылке выше.

<span class="glyphicon glyphicon-ok"></span>

Данный код создает иконку галочки, что все "ок". Как видите, нужно указать обязательно 2 класса:

  • glyphicon, который указывает, что это нужно будет иконка
  • glyphicon-ok, а это непосредственно сама иконка. В зависимости от класса будет показана другая.
Не забывайте, что эти иконки на самом деле шрифт. И вы можете применять к ним свойства как к шрифту: font-size, text-shadow, color и другие.

Давайте теперь взглянем на демо, в котором мы добавили иконоки к нашему уроку.

Скачать урок

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up