bootstrap-sass-grunt

A boilerplate for bootstrap-sass

###Project structure:

It mainly consists of src folder, which includes the following folders:

1. style/ : includes style.scss, which references the bootstrap.
2. script/ : includes script.js, where you can put your code

###Installation:

Make sure you have already installed both npm and bower.

Then, run the below commands in the terminal:

1. bower i : installs the jQuery and bootstrap-sass in src/vendor folder
2. npm i : installs the grunt and its related packages

###Grunt commands:

After running the above commands, you can run the below commands:

1. grunt : compiles the src folder's content into dist folder. (developer option)
2. grunt dist :compiles the src folder's content into dist folder. (distribution option)

The developer option needs the following tags in the index.html file:

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="dist/css/style.css">
<!-- scripts -->
<script src="dist/js/jquery.js"></script>
<script src="dist/js/bootstrap.js"></script>
<script src="dist/js/script.js"></script>

The distribution option needs the following tags in the index.html file:

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="dist/css/style.css">
<!-- scripts -->
<script src="dist/js/bundle.js"></script>