Slider for Bootstrap

bootstrap-slider Plugin

Basic Example

Basic example with custom formatter and colored selected region via CSS.

Filter by price interval:

Range selector, options specified via data attribute.

With Event

Current Slider Value: 3

Vertical Slider

Vertical Slider with reversed values (largest to smallest).

Fixed Tooltip

Tooltip can always be displayed.

Marks with Tick

Using tick marks and labels.

Using Data Provide Attribute

Auto-Register data-provide="slider" Elements. (Not dynamically working with AJAX Content)

Highlight ranges

Highlight ranges on slider with rangeHighlights attribute

Square Handler

style the selection and handles via CSS.

Triangle Handler

style the selection and handles via CSS.

Disabled slider

Enabled

style the selection and handles via CSS.