In this recipe, we will start making a static blog-aware system in Jekyll. Specifically, we will set up its basic structure and make it work with Bootstrap 4 Sass files, which will be compiled into CSS. We will also look at how to override Bootstrap's Sass variables with Jekyll.
This recipe will show you how to create a simple layout in Bootstrap 4 using Jekyll. The recipe deals with the whole setup, that is, creation of folders, running commands via console, and adding partial files in Jekyll. Thus, this recipe deals with a lot of other tasks than just working with Bootstrap 4. The result of this recipe is a working Jekyll blog, running on Bootstrap 4 and Sass.
Before we begin, we need to install Bootstrap 4 (via Bower), as well as having Ruby and Jekyll installed on our machine.
To install Bootstrap, we'll simply run the following command inside our chapter10/start
folder:
bower install bootstrap#v4.0.0-alpha.6
To check if you have Ruby and...