Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <markdotto@gmail.com>2018-05-21 01:10:31 +0300
committerMark Otto <markdotto@gmail.com>2018-05-21 01:10:31 +0300
commitb36599cba795962c3278b45de230678a8a9827d5 (patch)
tree27ff8cf3731c49a7285c8a8fbda656f896e26d5b /docs
parent616ce9b75a59abd188c1b0ac5dce61be7abef36b (diff)
closes #26543, fixes #26542
Diffstat (limited to 'docs')
-rw-r--r--docs/4.1/components/forms.md28
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.