diff options
author | Mark Otto <markdotto@gmail.com> | 2018-05-21 01:10:31 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2018-05-21 01:10:31 +0300 |
commit | b36599cba795962c3278b45de230678a8a9827d5 (patch) | |
tree | 27ff8cf3731c49a7285c8a8fbda656f896e26d5b /docs | |
parent | 616ce9b75a59abd188c1b0ac5dce61be7abef36b (diff) |
closes #26543, fixes #26542
Diffstat (limited to 'docs')
-rw-r--r-- | docs/4.1/components/forms.md | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/docs/4.1/components/forms.md b/docs/4.1/components/forms.md index 0eb34bae95..13890476c6 100644 --- a/docs/4.1/components/forms.md +++ b/docs/4.1/components/forms.md @@ -110,20 +110,6 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`. {% endcapture %} {% include example.html content=example %} -## Range Inputs - -Set horizontally scrollable range inputs using `.form-control-range`. - -{% capture example %} -<form> - <div class="form-group"> - <label for="formControlRange">Example Range input</label> - <input type="range" class="form-control-range" id="formControlRange"> - </div> -</form> -{% endcapture %} -{% include example.html content=example %} - ### 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. @@ -170,6 +156,20 @@ If you want to have `<input readonly>` elements in your form styled as plain tex {% endcapture %} {% include example.html content=example %} +## Range Inputs + +Set horizontally scrollable range inputs using `.form-control-range`. + +{% capture example %} +<form> + <div class="form-group"> + <label for="formControlRange">Example Range input</label> + <input type="range" class="form-control-range" id="formControlRange"> + </div> +</form> +{% endcapture %} +{% include example.html content=example %} + ## Checkboxes and radios Default checkboxes and radios are improved upon with the help of `.form-check`, **a single class for both input types that improves the layout and behavior of their HTML elements**. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many. |