diff options
| author | Thomas Park <thomas@thomaspark.me> | 2014-04-13 15:57:44 -0400 |
|---|---|---|
| committer | Thomas Park <thomas@thomaspark.me> | 2014-04-13 15:57:44 -0400 |
| commit | 7f7b9dd779122345847d9c4c1ecbfe362ddf923f (patch) | |
| tree | fbc5dee9516d6eab7892169b8c66ccc9b3041ce4 /tests | |
| parent | 72882198ab8029414abc8cd86e1cf8207bab7a2f (diff) | |
add form-control-feedback to test page
Diffstat (limited to 'tests')
| -rw-r--r-- | tests/components.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/tests/components.html b/tests/components.html index 69392348..9e47d246 100644 --- a/tests/components.html +++ b/tests/components.html @@ -809,6 +809,30 @@ </div> </form> + <div class="bs-callout bs-callout-warning"> + <h4>Icons, labels, and input groups</h4> + <p>Manual positioning of feedback icons is required for inputs without a label and for <a href="../components#input-groups">input groups</a> with an add-on on the right. For inputs without labels, adjust the <code>top</code>value. For input groups, adjust the <code>right</code> value to an appropriate pixel value depending on the width of your addon.</p> + </div> + + <div class="bs-example"> + <form role="form"> + <div class="form-group has-success has-feedback"> + <label class="control-label" for="inputSuccess2">Input with success</label> + <input type="text" class="form-control" id="inputSuccess2"> + <span class="glyphicon glyphicon-ok form-control-feedback"></span> + </div> + <div class="form-group has-warning has-feedback"> + <label class="control-label" for="inputWarning2">Input with warning</label> + <input type="text" class="form-control" id="inputWarning2"> + <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> + </div> + <div class="form-group has-error has-feedback"> + <label class="control-label" for="inputError2">Input with error</label> + <input type="text" class="form-control" id="inputError2"> + <span class="glyphicon glyphicon-remove form-control-feedback"></span> + </div> + </form> + </div> <h2 id="forms-control-sizes">Control sizing</h2> <p>Set heights using classes like <code>.input-lg</code>, and set widths using grid column classes like <code>.col-lg-*</code>.</p> |