Directives specific to twitter bootstrap
333 people use it
Author: angular-ui
Submitted by: 20803? jimrhoskins

bootstrap - AngularJS directives specific to twitter bootstrap

Build Status

Project philosophy

Native, lightweight directives

Wa are aiming at providing a set of AngularJS directives based on Twitter's bootstrap markup and CSS. The goal is to provide native AngularJS directives without any dependency on jQquery or Bootstrap's JavaScript. It is often better to rewrite an existing JavaScript code and create a new, pure AngularJS directive. Most of the time the resulting directive is smaller as compared to the orginal JavaScript code size and better integrated into the AngularJS ecosystem.


All the directives in this repository should have their markup externalized as templates (loaded via templateUrl). In practice it means that you can customize directive's markup at will. One could even imagine providing a non-Boostrap version of the templates!

Take what you need and not more

Each directive has its own AngularJS module without any dependencies on other modules or third-pary JavaScript code. In practice it means that you can just grab the code for the directives you need and you are not obliged to drag the whole repository.

Quality and stability

Directives should work. All the time and in all browsers. This is why all the directives have a comprehensive suite of unit tests. All the automated tests are executed on each checkin in several browsers: Chrome, ChromeCanary, Firefox, Opera, Safari, IE9. In fact we are fortunate enough to benefit from the same testing infrastructure as AngularJS!

Contributing to the project

We are always looking for the quality contributions! Please check the for the contribution guidelines.


Prepare your environment

  • Install Node.js and NPM (should come with)
  • Install global dev dependencies: npm install -g grunt testacular
  • Instal local dev dependencies: npm install while current directory is bootstrap repo

Run unit tests

  • Start testacular server: grunt server
  • Run test: grunt test-run

Before commit

  • Build the whole project: grunt - this will run lint, test, and concat targets


  • Bump up version number in package.json
  • Commit the version change with the following message: chore(release): [versio number]
  • tag
  • push changes with a tag: git push --tags
  • switch to the gh-pages branch: git checkout gh-pages
  • copy content of the dist folder to the main folder
  • Commit the version change with the following message: chore(release): [versio number]
  • tag
  • push changes with a tag: git push --tags

Well done! (If you don't like repeating yourself open a PR with a grunt task taking care of the above!)

comments powered by Disqus
This page was last updated over 5 years ago.