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

Reusing the Sass code

You've already coded the Sass code for our theme in Chapter 3, Customizing Your Blog with Bootstrap and Sass. To reuse this code you can copy the Sass files and directory from the scss/includes directory of Chapter 3, Customizing Your Blog with Bootstrap and Sass into the folder assets/scss/includes directory of your jbst-weblog-theme theme directory. You may overwrite the _navbar.scss Sass partial that already exists and remove the _bootstrap.scss Sass partial. You should end up with a file and directory structure like that shown in the following image:

Reusing the Sass code

Now edit the assets/scss/styles.scss file. First import the includes/variables.scss ...

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