WIP: Not working completely!
Who needs all of Bootstrap? A lot of times a project only needs its grid. Here is the grid available in CSS and Less.
Included is a breakdown of Bootstrap. The Bootstrap mixins and Bootstrap components have been extracted to simplify utilizing the Bootstrap grid.
- Basic application setup for utilizing the Bootstrap grid with plain CSS
- Start styling your application in src/css/main.css
- Basic application setup for utilizing Bootstrap grid via Less and Grunt
- See below to start grunt watching
- Start styling your application in src/css/main.less
- A minified version of the CSS for the bootstrap grid * Download the bootstrap-grid.min.css * Link to it in your HTML and away you go!!
If you need to work with this in more depth the Less files are included along with a Grunt file. Running grunt
from the a terminal will transpile all the Less files into CSS via grunt-contrib-less.
Also included is a Grunt watch task to make Less transpilation work on the fly. Running grunt watch
from the a terminal will transpile all the Less files to CSS on the fly.
- Install NodeJS
- Run
npm start
from a terminal to get the application running on the web server- Packages need for this application will be installed (i.e. Express, Grunt, Bootstrap)
- Globally install grunt-cli
- Type
npm install -g grunt-cli
from the terminal for installation - Now typing
grunt
from the terminal will run Grunt tasks
- Type
Thanks to DevelopIntelligence for the resources!