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

Integrating Bootstrap's CSS code into the application

Now we'll have to add Bootstrap's CSS code to our application. Of course ,we can simply add a link to the CSS code on CDN in index.html, but doing that does not enable us to profit from the underlying Sass code.

Each component in our app can have its own styles sheets. The main styles of our app are loaded via the styles.css file in the root. We'll set up a build system that compiles Bootstrap's SCSS code and our own modification into the styles.css file.

First, we install Bootstrap's source code via npm by running the following command:

npm install bootstrap --save-dev

Then we set up a similar file structure as we have done already in the preceding chapters of this book:

scss/styles.scss scss/includes/_bootstrap.sccs ...

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