mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 04:11:39 +02:00
Code Issues Releases Wiki Activity

closes #26543, fixes #26542

Browse Source
This commit is contained in:
Mark Otto
2018-05-20 15:10:31 -07:00
parent 616ce9b75a
commit b36599cba7
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/4.1/components/forms.md
View File

@@ -110,20 +110,6 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`.
{% endcapture %} {% endcapture %}
{% include example.html content=example %} {% 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 ### 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. 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 %} {% endcapture %}
{% include example.html content=example %} {% 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 ## 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. 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.