Auto Shop Website Design Using Bootstrap 5: Adding Bootstrap Icons to the Design

Тәжірибелік нұсқаулар және стиль

In this video we incorporate the Bootstrap Icons into the project so we can use the icon fonts in the design. The AutoServPro autoshop (imaginary) website will make use of a variety of icons that will be produced using CSS. There are multiple ways to make use of the Bootstrap 5 icons, but in this video, I download the icon font files and show you how to set them up to work with the SCSS precompiler we are using (Dart SASS).
Some of the things this video covers includes:
1) Downloading the icon fonts and extracting the font files for the icons.
2) Structuring the fonts directory and files so that the fonts are findable by the SASS compiler.
3) Setting up the SASS compiler so that it includes other SCSS files in the compile.
I hope you are enjoying the project. Thanks for watching.

Пікірлер

    Келесі