O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Importing files

The Sass compiling process makes it possible to import and combine multiple files into a single, unified CSS file. We can specify the order of import, and organize the resulting style sheet precisely as needed for our desired cascade.

Thus, Bootstrap's import file, bootstrap.scss, begins with imports for essential variables and mixins. Then, it imports a Sass version of normalize.css (in place of a CSS reset), followed by basic styles for print media. Then, it moves to core styles, including the new reboot module (_reboot.scss), typographic fundamentals (_type.scss), and more specific details. Thus, the first several lines of the current bootstrap.scss file are given as follows:

// Core variables and mixins @import "variables"; @import ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required