Как добавить иконки на 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.

@kurt 

Еще один способ добавить иконки на Bootstrap - использовать библиотеку Font Awesome. Вот пример, как ее подключить и использовать:

1. Вставьте ссылку на файл стилей Font Awesome в секцию head вашего HTML документа:

1

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

1. Используйте элемент i и классы Font Awesome для добавления иконки. Например:

1
2
3

<button type="button" class="btn btn-primary">
  <i class="fas fa-camera"></i> Камера
</button>

В этом примере используется иконка камеры (класс fas fa-camera) из библиотеки Font Awesome. Вы можете использовать любую другую иконку из Font Awesome, просмотрев их список на официальном сайте.

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

Использование иконок в Bootstrap с помощью библиотеки Font Awesome дает вам больше возможностей выбора иконок и более удобный способ управления ими.