Glyphicons
Bootstrap содержит 260 glyphicons из Glyphicons множества Халфлинги.
Glyphicons может быть использован в текст, кнопки, панели инструментов, навигация, формы и т.д.
Вот некоторые примеры glyphicons :
Конверт glyphicon:
Печать glyphicon:
Поиск glyphicon:
Скачать glyphicon:
Glyphicon Синтаксис
Glyphicon вставляется со следующим синтаксисом:
<span class="glyphicon glyphicon- name "></span>
Часть имени в приведенном выше синтаксис должен быть заменен с соответствующим именем glyphicon.
Glyphicon Пример
В следующем примере показаны различные способы использования glyphicons:
пример
<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
<a href="#"><span class="glyphicon
glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span
class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a
button:
<button type="button" class="btn btn-default">
<span
class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Search icon on a styled button:
<button type="button" class="btn
btn-info">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<p>Print icon on a styled link button:
<a href="#" class="btn btn-success
btn-lg">
<span class="glyphicon glyphicon-print"></span> Print
</a>
</p>
Попробуй сам " Проверьте себя с упражнениями!
Упражнение 1 » Упражнение 2» Упражнение 3 »
Полное Bootstrap Glyphicon Reference
Для полного ведения всех glyphicons, перейдите на наш полный Bootstrap Glyphicon Reference .