angular-bootstrap-plus | Bootstrap MultiSelect for Angular-js with icons

Angular-bootstrap-plus module


Stars : 10

Forks : 10

Created by Jacob Rief

bower install angular-bootstrap-plus

Demo Download GitHub


Getting Started

Download Angular-Bootstrap-Plus.

In your web page:

<link href="angular-bootstrap-plus/dist/bootstrap-plus.min.css" rel="stylesheet" />

<script src="angular.js" type="text/javascript"></script>
<script src="angular-sanizize.js" type="text/javascript"></script>
<script src="angular-bootstrap-plus/dist/bootstrap-plus.min.js" type="text/javascript"></script>

Then add one or more modules to your AngularJS project:

angular.module('myAwesomeProject', ['ngSanitize', '', ...]);

What is Angular Bootstrap Plus?

This is a collection of Angular directives for Bootstrap, which neither made it into Angular Strap, nor into UI Bootstrap.

Currently there are four directives

These directives do not depend on each other and can be used independently from each other.

  • <bsp-select>...</bsp-select>: Use it to build select elements with active icons.
  • <bsp-scrollpanel>...</bsp-scrollpanel>: Use it to create panes which can be scrolled horizontally using large left- and right icons.
  • <bsp-processbar>...</bsp-processbar>: Use it to create a canvas with process steps which have to be accessed in consecutive order. Useful to create a set of forms, which interdepend on each other and thus have to be filled out one by one.
  • <bsp-magnify>...</bsp-magnify>: Use it to display details of an image, if the users moves the mouse over it.

Please check the README file in each of the directive folders.


Javascript plugin