Customizing Bootstrap builds by cherry-picking Sass partials

In this recipe, we will look at tweaking the process of compilation of CSS from Bootstrap 4 Sass partials. The recipe will be made much easier to complete because we already have our Grunt task runner in place, as described in Chapter 1, Installing Bootstrap 4 and Comparing Its Versions and Chapter 2, Layout Like a Boss with the Grid System.

Since Grunt is already compiling our CSS, we will focus on cherry-picking the Sass partials that the framework provides. The point of this is to understand the process of compilation better, as well as to see one possible approach of elegantly removing the code that will not be used in production. For example, if we know that the alert component will not be used in our site, we can simply not include the alert scss file in our CSS compilation process. As we will see in this recipe, this leads to some interesting results.

Getting ready

To preview the result of this recipe, navigate to the chapter9...