Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Twitter Bootstrap. Works on all modern browsers and on touch devices.
Check the official website for a demo.
Usage
- Download the latest tag from the releases page or get it via bower:
$ bower install bootstrap-duallistbox
- Include jQuery and Bootstrap:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
- Include plugin’s code:
<script src="dist/jquery.bootstrap-duallistbox.min.js"></script>
<link rel="stylesheet" type="text/css" href="../src/bootstrap-duallistbox.css">
- Call the plugin:
$("#element").bootstrapDualListbox(
// see next for specifications
);
Bootstrap Dual Listbox in jQuery
No comments:
Post a Comment