Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/morganfeeney/bootstrap-patterns

Component led design patterns with Nunjucks, Grunt & Bootstrap.
https://github.com/morganfeeney/bootstrap-patterns

bootstrap design-patterns nunjucks pattern system

Last synced: about 1 month ago
JSON representation

Component led design patterns with Nunjucks, Grunt & Bootstrap.

Awesome Lists containing this project

README

        

# 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](https://nodejs.org/en/) 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](http://gruntjs.com/getting-started).

### 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/.