diff options
| author | Mark Otto <[email protected]> | 2015-01-15 15:51:12 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-01-15 15:51:12 -0800 |
| commit | ec2ccf4219bafa18d3a83b5daa70680e73423a51 (patch) | |
| tree | 3f8ce0ba2371f2fdc1f640957c0736de092eaf04 /docs/_includes/css | |
| parent | d4f1331e512bc12f04be126e5e7995f2d7768c9a (diff) | |
| parent | 499f71d27fcba919c5d4b4fcc318a71286021360 (diff) | |
| download | bootstrap-ec2ccf4219bafa18d3a83b5daa70680e73423a51.tar.xz bootstrap-ec2ccf4219bafa18d3a83b5daa70680e73423a51.zip | |
Merge branch 'master' of github.com:twbs/bootstrap
Diffstat (limited to 'docs/_includes/css')
| -rw-r--r-- | docs/_includes/css/forms.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index b4d01a25d..b50e31380 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -701,6 +701,15 @@ <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span id="inputError2Status" class="sr-only">(error)</span> </div> + <div class="form-group has-success has-feedback"> + <label class="control-label" for="inputGroupSuccess1">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess1Status" class="sr-only">(success)</span> + </div> </form> </div> {% highlight html %} @@ -722,6 +731,15 @@ <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span id="inputError2Status" class="sr-only">(error)</span> </div> +<div class="form-group has-success has-feedback"> + <label class="control-label" for="inputGroupSuccess1">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess1Status" class="sr-only">(success)</span> +</div> {% endhighlight %} <h4>Optional icons in horizontal and inline forms</h4> @@ -735,6 +753,17 @@ <span id="inputSuccess3Status" class="sr-only">(success)</span> </div> </div> + <div class="form-group has-success has-feedback"> + <label class="control-label col-sm-3" for="inputGroupSuccess2">Input group with success</label> + <div class="col-sm-9"> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess2" aria-describedby="inputGroupSuccess2Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess2Status" class="sr-only">(success)</span> + </div> + </div> </form> </div> {% highlight html %} @@ -747,6 +776,17 @@ <span id="inputSuccess3Status" class="sr-only">(success)</span> </div> </div> + <div class="form-group has-success has-feedback"> + <label class="control-label col-sm-3" for="inputGroupSuccess2">Input group with success</label> + <div class="col-sm-9"> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess2" aria-describedby="inputGroupSuccess2Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess2Status" class="sr-only">(success)</span> + </div> + </div> </form> {% endhighlight %} @@ -759,6 +799,18 @@ <span id="inputSuccess4Status" class="sr-only">(success)</span> </div> </form> + <br> + <form class="form-inline"> + <div class="form-group has-success has-feedback"> + <label class="control-label" for="inputGroupSuccess3">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess3" aria-describedby="inputGroupSuccess3Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess3Status" class="sr-only">(success)</span> + </div> + </form> </div> {% highlight html %} <form class="form-inline"> @@ -769,6 +821,17 @@ <span id="inputSuccess4Status" class="sr-only">(success)</span> </div> </form> +<form class="form-inline"> + <div class="form-group has-success has-feedback"> + <label class="control-label" for="inputGroupSuccess3">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess3" aria-describedby="inputGroupSuccess3Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess3Status" class="sr-only">(success)</span> + </div> +</form> {% endhighlight %} <h4>Optional icons with hidden <code>.sr-only</code> labels</h4> @@ -780,6 +843,15 @@ <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> <span id="inputSuccess5Status" class="sr-only">(success)</span> </div> + <div class="form-group has-success has-feedback"> + <label class="control-label sr-only" for="inputGroupSuccess4">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess4" aria-describedby="inputGroupSuccess4Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess4Status" class="sr-only">(success)</span> + </div> </div> {% highlight html %} <div class="form-group has-success has-feedback"> @@ -788,6 +860,15 @@ <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> <span id="inputSuccess5Status" class="sr-only">(success)</span> </div> +<div class="form-group has-success has-feedback"> + <label class="control-label sr-only" for="inputGroupSuccess4">Input group with success</label> + <div class="input-group"> + <span class="input-group-addon">@</span> + <input type="text" class="form-control" id="inputGroupSuccess4" aria-describedby="inputGroupSuccess4Status"> + </div> + <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> + <span id="inputGroupSuccess4Status" class="sr-only">(success)</span> +</div> {% endhighlight %} |
