Bootstyle is a sexy Bootstrap Customizer.
Bootstyle intends to be a user friendly Twitter Bootstrap customizer for developers and designers alike.
Tweak your theme with color pickers, sliders and inputs that accept and compile LESS or CSS.
Use intelligent controls like Auto Color, which automatically picks a great overlaying light or dark font color as you change background colors.
Select from the most popular Google Fonts or stick with web safe standards.
Bootstyle's main page is totally customizable. Change the default HTML with the built in HTML editor. Paste in your template to see what your theme looks like on your actual site.
Your changes are rendered live in the app, so you can exactly what your theme looks like as you are creating it.
Download your bootstyle.less
and add it to your head. That's it, you've customized Bootstrap.
Setup is a breeze:
npm run setup
This does a few things. See scripts.setup
in package.json
.
npm install
- installs all our nodejs dependencies, things like Grunt, Browserify, and Protractor.- postinstall:
$(npm bin)/webdriver-manager update
- downloads the latest Selenium Webdriver for Protractor (facilitates e2e tests).
- postinstall:
bower install
- installs all our browser components, things like AngularJS, LESS, and Twitter Bootstrap.grunt build
- copies and browserifiesapp/
intobuild/
.build/
is served on production and your local.grunt serve:dev
- for convenience, we start the dev server so you can get right to playing with the app!
Bootstyle uses protractor.js for functional testing.
Run Tests: npm test