Как добавить иконки на Bootstrap?

@kurt 

Чтобы добавить иконки на Bootstrap, необходимо использовать встроенную библиотеку иконок Glyphicons, которая поставляется вместе с Bootstrap.

Вот простой пример, который демонстрирует, как добавить иконку на кнопку в Bootstrap:

1. Вставьте следующую строку в секцию head вашей HTML-страницы, чтобы подключить библиотеку иконок:

1

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

1. Создайте элемент кнопки с помощью следующего кода:

1
2
3

<button type="button" class="btn btn-default">
  <span class="glyphicon glyphicon-search"></span> Поиск
</button>

В этом примере используется класс "glyphicon glyphicon-search", чтобы добавить иконку лупы на кнопку. Если вы хотите использовать другие иконки, то можете найти их список и соответствующие классы на странице документации Bootstrap.

1. Сохраните и запустите вашу HTML-страницу, и вы должны увидеть кнопку с иконкой на вашей странице.

Обратите внимание, что в новых версиях Bootstrap вместо библиотеки Glyphicons используется векторная библиотека иконок Font Awesome, которая также легко подключается и используется вместе с Bootstrap.