Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A bootstrap extension for Webmaker
HTML CSS JavaScript


A Bootstrap theme based on Webmaker's style guide

Check out our demo page, which showcases much of what Makerstrap can do.


bower install makerstrap

How lazy are you?

Real frikin lazy

Includes Font Awesome and Open Sans automagically via @import. Don't use this in production please.

<link rel="stylesheet" href="bower_components/makerstrap/makerstrap.complete.min.css">

Somewhat lazy

Includes Font Awesome and Open Sans from a CDN.

<link href=",400italic,700italic,400,300,700" rel="stylesheet">

<link href="" rel="stylesheet">

<link href="bower_components/makerstrap/dist/makerstrap.complete.min.css" rel="stylesheet">

Actually, I'm a ninja, hit me

This is for LESS importing:

@import 'bower_components/makerstrap/less/makerstrap';
@makerstrap-bower-path: '../bower_components';


Development environment

  1. Install bower and grunt-cli if you don't have them:

    npm install -g bower
    npm install -g grunt-cli
  2. Clone this repo: git clone

  3. Run npm install from inside the makerstrap directory.
  4. Run grunt to start the dev server and LESS watch task, navigate to http://localhost:1944 to see the demo page.
  5. The main LESS files are in the less/ directory.
  6. Read to orient yourself on extending Bootstrap with LESS.

Submitting a Pull Request

Be sure to run grunt build and commit the generated files to your patch if you modify any of the LESS files. This ensures that people using the library as a dependency will get the latest compiled CSS.

Something went wrong with that request. Please try again.