Get started with bootstrap-slider CDN
BSD licensed
Free, easy Bootstrap Slider creates input range slides.
Tags:- slider
- bootstrap
- slide
Stable version
Copied!
How to start using bootstrap-slider CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with bootstrap-slider CDN - cdnhub.io</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.cdnhub.io/bootstrap-slider/11.0.2/css/bootstrap-slider.min.css">
</head>
<body>
<div class="container mt-5">
<h1 class="text-center mb-5">Bootstrap Slider Example</h1>
<input id="myRange" type="range" class="form-range" min="0" max="10" value="5" step="1" oninput="sliderValueChange(this)">
<div id="output"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.cdnhub.io/bootstrap-slider/11.0.2/bootstrap-slider.min.js"></script>
<script>
function sliderValueChange(slider) {
document.getElementById('output').innerHTML = slider.value;
}
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
All versions
10.0.0
10.0.1
10.0.2
10.1.0
10.2.0
10.2.1
10.2.3
10.2.4
10.3.0
10.3.1
10.3.2
10.3.3
10.3.4
10.4.0
10.4.1
10.4.2
10.5.0
10.6.0
10.6.1
10.6.2
11.0.0
11.0.1
*** 11.0.2
4.1.1
4.1.2
4.1.4
4.10.0
4.10.3
4.11.0
4.12.0
4.13.0
4.14.0
4.14.2
4.14.4
4.2.0
4.3.0
4.4.1
4.4.2
4.5.0
4.5.2
4.5.4
4.5.5
4.5.6
4.5.7
4.6.3
4.6.4
4.7.0
4.7.1
4.7.2
4.7.3
4.8.0
4.8.2
4.8.3
4.9.0
5.0.0
5.0.10
5.0.12
5.0.2
5.0.3
5.0.4
5.0.6
5.0.7
5.0.9
5.1.0
5.1.2
5.2.0
5.2.3
5.2.5
5.3.0
5.3.2
5.3.6
6.0.0
6.0.11
6.0.13
6.0.15
6.0.16
6.0.2
6.0.3
6.0.5
6.0.7
6.0.9
6.1.0
6.1.1
6.1.3
6.1.5
6.1.7
7.0.0
7.0.2
7.0.4
7.1.0
8.0.0
9.0.0
9.1.1
9.1.2
9.1.3
9.10.0
9.2.0
9.2.1
9.2.2
9.3.0
9.3.1
9.3.2
9.4.0
9.4.1
9.5.0
9.5.1
9.5.2
9.5.3
9.5.4
9.6.0
9.6.1
9.6.2
9.7.0
9.7.1
9.7.2
9.7.3
9.8.0
9.8.1
9.9.0
9.9.1