Skip to content

kamrenz/bootstrap-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WIP: Not working completely!

bootstrap-grid

Who needs all of Bootstrap? A lot of times a project only needs its grid. Here is the grid available in CSS and Less.

What is this?

Included is a breakdown of Bootstrap. The Bootstrap mixins and Bootstrap components have been extracted to simplify utilizing the Bootstrap grid.

What you get

  1. Basic application setup for utilizing the Bootstrap grid with plain CSS
    • Start styling your application in src/css/main.css
  2. 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
  3. 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!!

Transpiling Less

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.

Getting this to run

  1. Install NodeJS
  2. 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)
  3. 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

Thanks to DevelopIntelligence for the resources!

About

Ripping out the Bootstrap Grid

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published