Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/morganfeeney/bootstrap-patterns
- Owner: morganfeeney
- License: mit
- Created: 2016-06-01T08:30:00.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-11-23T18:03:55.000Z (almost 4 years ago)
- Last Synced: 2024-09-27T07:43:30.177Z (about 2 months ago)
- Topics: bootstrap, design-patterns, nunjucks, pattern, system
- Language: HTML
- Homepage:
- Size: 50.8 KB
- Stars: 65
- Watchers: 7
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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/.