From: Varunram Ganesh <vrg2009@ymail.com>
Date: Tue, 13 Mar 2018 23:06:43 +0000 (+0530)
Subject: Document `.form-control-range`. (#25839)
X-Git-Tag: v4.1.0~59
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=03b7f52e820c80e244479c59c0920c541ee1277b;p=thirdparty%2Fbootstrap.git

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

diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 7db4644b8d..fadc2dd27c 100644
--- 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.