Nearby lessons
36 of 39📏 BS5 Range
📌 What Is the Bootstrap 5 Range Input?
Style <input type="range"> with .form-range. It gives a custom track and thumb. Use with .form-label and optional min, max, value, and step.
📏 Basic Range (.form-range)
.form-range – applies Bootstrap’s range slider styling. Use on <input type="range">. No other classes needed for the slider itself.
✅ Range Best Practices
- Use .form-label and
for/id. - Set min, max, and optionally value and step.
🧠 Test Your Knowledge
2 QuestionsProgress: 0 / 2
Keep Going!BS5 Input Groups