rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

28
docs/4.0/components/forms.md
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 %}