Document `.form-control-range`. (#25839)

diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 7db4644b8dc91e4b0c23716f08a6ddd5acf011f7..fadc2dd27c559b1f9cb2efea99dcfca63086672d 100644 (file)
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -105,6 +105,19 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`.
 </select>
 {% endexample %}
 
+## Range Inputs
+
+Set horizontally scrollable range inputs using `.form-control-range`.
+
+{% example html %}
+<form>
+  <div class="form-group">
+    <label for="formControlRange">Example Range input</label>
+    <input type="range" class="form-control-range" id="formControlRange">
+  </div>
+</form>
+{% endexample %}
+
 ### Readonly
 
 Add the `readonly` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.