diff options
| author | Varunram Ganesh <[email protected]> | 2018-03-14 04:36:43 +0530 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-03-14 01:06:43 +0200 |
| commit | 03b7f52e820c80e244479c59c0920c541ee1277b (patch) | |
| tree | dc545da965dafd98edac7414c5900be0294c2fc0 /docs | |
| parent | 4d5c5923fae8a4f85462708a2b87c0698cd06b79 (diff) | |
| download | bootstrap-03b7f52e820c80e244479c59c0920c541ee1277b.tar.xz bootstrap-03b7f52e820c80e244479c59c0920c541ee1277b.zip | |
Document `.form-control-range`. (#25839)
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/components/forms.md | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index 7db4644b8..fadc2dd27 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. |