Бесплатные иконки! Как использовать Bootstrap Icons v1.5.0 Bootstrap 5 (2021)

Знаете ли вы, что у Bootstrap есть собственная библиотека иконок Bootstrap Icons? В этом уроке мы рассмотрим, как подключить и использовать иконки Bootstrap в любом из наших проектов, даже если мы не используем Bootstrap. Вы можете использовать Bootstrap Icons независимо от Bootstrap. Bootstrap 5 не требуется! Поскольку эти иконки представляют собой всего лишь SVG, мы можем использовать их где угодно БЕСПЛАТНО!

Сайт Bootstrap Icons: https://icons.getbootstrap.com/

00:00 Введение
01:30 Про способы подключения и использования
02:17 Встраивание SVG иконок Bootstrap
04:07 Скачать иконки npm или GitHub
09:08 Спрайты SVG иконок Bootstrap
11:32 Иконка в виде тега img
13:59 Иконочный шрифт Bootstrap Icons
17:03 Подключение через CDN
19:04 Добавление иконки на CSS
20:40 Дополнительно, Важно!

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

📌 Уроки по Bootstrap 5: https://dzen.ru/suite/a513308d-5d5e-4bc5-9c79-14c684b8b0f7

Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания к этому курсу можно найти на платформе Stepik.

📌 Курс "Frontend разработчик на HTML, CSS и JavaScript" - https://stepik.org/a/113402

⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor
💡 Telegram канал - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach

YouTube - https://youtube.com/@ITDoctor
ВКонтакте - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#bootstrap #bootstrap5 #itdoctor