Surveying the starter files
The files for this project are found in the 06_Code_Begin
exercise files. As in all previous projects, Bootstrap 3 LESS, JavaScript, and markup patterns provide the core of our code base, rounded out by the HTML5 Boilerplate and Font Awesome icon font.
The folder and file structure is very similar to what we've used in the previous projects in this book. Let me briefly recap some of the features of our LESS files:
Default Bootstrap files are in the
/less/bootstrap/
folder.The LESS files of the Font Awesome icon font are found in
/less/font-awesome/
.Our custom LESS files are found directly inside the
less
folder and begin with an underscore, making it easy to spot them. Custom LESS files here include:__main.less
: This is the main file that imports all the others and is the file that you should compile tocss/main.css
_variables.less
: This is based on Bootstrap's variables with a few customizations_navbar.less
: This provides navbar customization_page-contents.less
...