Skip to content

Missing CSS and JavaScript

Sal Ferrarello edited this page May 29, 2015 · 1 revision

This repository does not include the final CSS or JavaScript for this theme because both of these assets are compiled from source files (Sass and multiple JavaScript files respectively). Including the final compiled files (css/style.min.css and js/javascript.min.js) in the repository leads to merge conflicts and is generally not considered a best practice.

Where to Get the CSS and Javascript

You can download the latest Bootstrap Genesis Release, which includes all the files including the compiled CSS and JavaScript files. This release file will work, as is with no changes.

How do I Compiled the CSS and JavaScript*

Bootstrap Genesis leverages the node application Grunt to convert the Sass files to CSS and concatenate and minify the JavaScript.

  • To get setup, you'll need to install node. To do this, click the Install button on https://nodejs.org/ and run the package.

  • Once Node is installed, go to the Bootstrap Genesis theme directory and run npm install from the command line. This will read the package.json file included in Bootstrap Genesis, which then installs all the tools to compile the CSS and JavaScript.

  • Finally after the installation is complete, go to the Bootstrap Genesis theme directory and run grunt from the command line. This will run the default grunt tasks as defined in Gruntfile.js which compiles the CSS and JavaScript (and re-compiles them anytime the source files for them change).

* these instructions are very Mac specific. You can perform a similar setup in Windows or Linux but I have not personally done it.

Clone this wiki locally