Ads

Wednesday 23 July 2014

Bootstrap Dual Listbox in jQuery

Download   Demo


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


  1. Download the latest tag from the releases page or get it via bower:

$ bower install bootstrap-duallistbox

  1. 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>


  1. Include plugin’s code:


<script src="dist/jquery.bootstrap-duallistbox.min.js"></script>
<link rel="stylesheet" type="text/css" href="../src/bootstrap-duallistbox.css">


  1. Call the plugin:


$("#element").bootstrapDualListbox(
// see next for specifications
);



Bootstrap Dual Listbox in jQuery

No comments:

Post a Comment