Skip to content

Component led design patterns with Nunjucks, Grunt & Bootstrap.

License

Notifications You must be signed in to change notification settings

morganfeeney/bootstrap-patterns

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap Patterns

Component led design patterns with Nunjucks, Grunt & Bootstrap.

As mentioned here: https://css-tricks.com/componentizing-a-framework/

A working demonstrations of how Nunjucks, Grunt, and a CSS framework (Bootstrap in this case) can be combined into reusable design patterns to achieve multiple variations.

Installation

I'm assuming you already have node before you start if not then you'll need to install it before proceeding.

  • Git: git clone https://github.com/morganfeeney/bootstrap-patterns.git

Once you have your location sorted, cd to the root directory of bootstrap-patterns using terminal (or cmd if using a PC), then run: npm install if you have admin rights, otherwise sudo npm install. Once NPM has finished with the installation of packages you can run the task grunt.

Grunt

Grunt docs.

Task

Simply run the default task grunt, and you'll be good to go.

Versioning

I'm following this guide to semantic versioning: http://semver.org/.