Importing the default Bootstrap 5
In the previous chapter, we learned how to compile Sass to CSS. To import the default Bootstrap 5 without any customizations, we simply need to import the bootstrap.scss file into our own SCSS file as follows:
part-1/chapter-3/import-compile-default-bootstrap/scss/bootstrap.scss
@import "../../../../bootstrap/scss/bootstrap";
In the next chapter, we will learn how to import a more advanced customized version of Bootstrap 5, where we import the individual SCSS files of Bootstrap 5, instead of the main file as in the preceding code.
Before learning how to customize Bootstrap 5 in different ways, we will take a closer look at the bootstrap.scss file.
Exploring bootstrap.scss
The bootstrap.scss file contains all the code that will import the individual Sass partial files for the various elements. Let’s now see what this file contains:
bootstrap.scss
@import "mixins/banner";
@include bsBanner(""...
