Before we get into editing any code, we first need to download a copy of the code that accompanies this book. Here, we will find an (unadulterated) copy of the Jumbotron theme, which we can use for the purpose of this exercise:
For the purposes of this exercise, I will assume you have extracted a copy of the code that accompanies this chapter and stored it in a folder called jumbotron
, ready for editing. We also need a copy of the Bootstrap library, which we can get from the main site at http://getbootstrap.com/getting-started/#download and then by clicking on Download source against the Source code option.
Assuming we have everything in place, let's make a start:
Open the zip archive file we downloaded from the Bootstrap site, then extract the
less
folder, and copy it to ourjumbotron
folder.In a separate file, add the following code, saving it as
semantic.less
in thecss
subfolder within thejumbotron
folder:@import "../less/variables.less"; @import "../less/mixins.less";...