Download

Bootstrap group select (currently v1.0.1) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

Source code

Source css, JavaScript, locales, and extensions, along with our docs.

Download source

Clone or fork via GitHub

Via GitHub

Bower

Install and manage Bootstrap Group Select using Bower.

$ bower install bootstrap-group-select

Usage

Include Bootstrap library (if your project doesn't use it already) in the head tag your html document.

<link rel="stylesheet" href="bootstrap.min.css">

Include jQuery library, bootstrap library (if your project doesn't use it already) and bootstrap-group-select.js in the head tag or at the very bottom of your document, just before the closing body tag (usually recommended for better performance).

<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="bootstrap-group-select.js"></script>

The Bootstrap Group Select can be used via data attributes or JavaScript.

Via data attributes

Activate bootstrap table without writing JavaScript. Set data-toggle="group-select" on a normal div.

<div data-toggle="group-select"
     data-data="Bootstrap Table, Multiple Select, Bootstrap Show Password, Bootstrap Group Select"></div>

Via JavaScript

Call a bootstrap group select with id via JavaScript.

<div id="gs"></div>

$('#gs').groupSelect({
    data: [
        'Bootstrap Table', 'Multiple Select',
        'Bootstrap Show Password', 'Bootstrap Group Select'
    ]
});

Getting started