For Angular 2 support, check out ng-bootstrap , created by the UI Bootstrap team.This repository contains a set of native Angular JS directives based on Bootstrap's markup and CSS.

Whichever method you choose the good news that the overall size of a download is fairly small: 122K minified for all directives with templates and 98K without (~31k B with gzip compression, with templates, and 28K gzipped without) As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the in your HTML manually.

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

Since version 0.14.0 we started to prefix all our components.

If you are upgrading from ui-bootstrap 0.13.4 or earlier, check our migration guide.

Original Bootstrap's CSS depends on empty The accordion directive builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item's header.

The body of each accordion group is transcluded into the body of the collapsible element. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element.

If custom classes on the accordion-group element are desired, one needs to either modify the template to remove the angular.module('ui.bootstrap.demo').controller(' Accordion Demo Ctrl', function ($scope) { $At ATime = true; $scope.groups = [ { title: ' Dynamic Group Header - 1', content: ' Dynamic Group Body - 1' }, { title: ' Dynamic Group Header - 2', content: ' Dynamic Group Body - 2' } ]; $scope.items = [' Item 1', ' Item 2', ' Item 3']; $Item = function() { var new Item No = $scope.items.length + 1; $scope.items.push(' Item ' + new Item No); }; $scope.status = { is Custom Header Open: false, is First Open: true, is First Disabled: false }; });angular.module('ui.bootstrap.demo').controller(' Alert Demo Ctrl', function ($scope) { $scope.alerts = [ { type: 'danger', msg: ' Oh snap!

All the options are described and can be downloaded from here.

It should be noted that the files contain the templates bundled in Java Script, while the regular version does not contain the bundled templates.