# Bootstrap Sliders

-
Pro Component

Our Bootstrap Sliders (customised noUiSlider) refers to a lightweight JavaScript range slider library. The slider offers a wide selection of options and settings and is compatible with a ton of (touch) devices, including those running iOS, Android, Windows 8/8.1/10, Windows Phone 8.1 and Windows Mobile 10.
Keep reading our Bootstrap Sliders examples and learn how to use this plugin.

## Usage

In order to use this plugin on your page you will need to include the following script in the “Optional JS” area from the page’s footer:

    <script src="/assets/vendor/nouislider/js/nouislider.min.js"></script>

## Initialization

Simply copy one of the code examples demonstrated below and include it in your page. Afterwards, you can modify the slider’s values with the ones you need.

## Examples

### Slider

    <!-- Simple slider -->
    <div id="sliderDouble"></div>

### Range slider

    <!-- Range slider container -->
    <div id="sliderDouble"></div>