UI Bootstrap

Bootstrap components written in pure AngularJS by the AngularUI Team

Code on Github Download (<%= version%>) Create a Build

Getting started

Dependencies

This repository contains a set of native AngularJS directives based on Twitter Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

  • AngularJS (minimal version 1.0.4 or 1.1.2)
  • Bootstrap CSS

Files to download

Build files for all directives are distributed in several flavours: minified for production usage, un-minified for development, with or without templates. All the options are described and can be downloaded from here.

Alternativelly, if you are only interested in a subset of directives, you can create your own build.

Whichever method you choose the good news that the overall size of a download is very small: <20kB for all directives (~5kB with gzip compression!)

Installation

As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the ui.bootstrap module:
angular.module('myModule', ['ui.bootstrap']);

You can fork one of the plunkers from this page to see a working example of what is described here.

<% modules.forEach(function(module) { %>

<%= module.displayName %> (ui.bootstrap.<%= module.name %>)

<%= module.html %>
<%= module.description %> 
<%- module.html %>
 
<%- module.js %>
<% }); %>