bootstrap-range-input

Simply styles html5 range inputs in a bootstrap like manner.

Usage no npm install needed!

<script type="module">
  import bootstrapRangeInput from 'https://cdn.skypack.dev/bootstrap-range-input';
</script>

README

bootstrap-range-input

Simply styles html5 range inputs in a bootstrap like manner.

The stylesheet in this package enhances the html5 range input elements styles in a bootstrap like manner without any javascript required. It is also possible to use bootstraps glyphicons as icon on the slider thumbs. The required stylesheet is located in dist/css/bootstrap-range-input.min.css. To use it include the bootstrap stylesheet and the bootstrap-range-input.min.css stylesheet and just add the class form-control to your inputs of type range. For more details take a look at example/index.html.

Browser compatibility

The stylesheet was successfully tested with Chrome 52.0.2743.116, Safari 10.0 and Opera 39.0.2256.48. Firefox and IE are not supported by now.