mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-18 12:39:41 +03:00
Code Activity

trying out new validation styles

Browse Source
This commit is contained in:
Mark Otto
2017-06-01 08:06:17 -07:00
parent f13eb51940
commit 4a554e5ff5
3 changed files with 79 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/components/forms.md
+28
View File
@@ -897,6 +897,34 @@ Those same states can also be used with horizontal forms.
</div>
{% endexample %}
### Validate with grid
And in more complex grids.
{% example html %}
<div class="container">
<form>
<div class="form-group has-danger">
<label for="inputHorizontalDnger" class="form-control-label">Mailing address</label>
<input type="text" class="form-control mb-2" placeholder="Street address">
<div class="row gutters-sm">
<div class="col-7">
<input type="text" class="form-control is-validated" placeholder="City">
</div>
<div class="col">
<input type="text" class="form-control is-validated" placeholder="State">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Zip">
</div>
</div>
<div class="form-control-feedback">Something's not right with that field. Try again?</div>
<small class="form-text text-muted">Example help text that remains unchanged.</small>
</div>
</form>
</div>
{% endexample %}
Checkboxes and radios are also supported.
{% example html %}