Skip to content

B
bootstrap
Commit 94bdea00 authored by Chris Rebert's avatar Chris Rebert
Browse files
Options

use unique IDs for input feedback examples so HTML validates

parent f8cee54f
Hide whitespace changes
Inline Side-by-side
Showing with 32 additions and 32 deletions
css.html
View file @ 94bdea00
...@@ -1965,31 +1965,31 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1965,31 +1965,31 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="bs-example"> <div class="bs-example">
<form role="form"> <form role="form">
<div class="form-group has-success"> <div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess1">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess1">
</div> </div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning1">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning1">
</div> </div>
<div class="form-group has-error"> <div class="form-group has-error">
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError1">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError1">
</div> </div>
</form> </form>
</div><!-- /.bs-example --> </div><!-- /.bs-example -->
{% highlight html %} {% highlight html %}
<div class="form-group has-success"> <div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess1">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess1">
</div> </div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning1">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning1">
</div> </div>
<div class="form-group has-error"> <div class="form-group has-error">
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError1">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError1">
</div> </div>
{% endhighlight %} {% endhighlight %}
...@@ -1998,36 +1998,36 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1998,36 +1998,36 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="bs-example"> <div class="bs-example">
<form role="form"> <form role="form">
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess2">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess2">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
<div class="form-group has-warning has-feedback"> <div class="form-group has-warning has-feedback">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning2">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning2">
<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
</div> </div>
<div class="form-group has-error has-feedback"> <div class="form-group has-error has-feedback">
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError2">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError2">
<span class="glyphicon glyphicon-remove form-control-feedback"></span> <span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div> </div>
</form> </form>
</div> </div>
{% highlight html %} {% highlight html %}
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess2">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess2">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
<div class="form-group has-warning has-feedback"> <div class="form-group has-warning has-feedback">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning2">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning2">
<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
</div> </div>
<div class="form-group has-error has-feedback"> <div class="form-group has-error has-feedback">
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError2">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError2">
<span class="glyphicon glyphicon-remove form-control-feedback"></span> <span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div> </div>
{% endhighlight %} {% endhighlight %}
...@@ -2036,9 +2036,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2036,9 +2036,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="bs-example"> <div class="bs-example">
<form class="form-horizontal" role="form"> <form class="form-horizontal" role="form">
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label col-sm-3" for="inputSuccess">Input with success</label> <label class="control-label col-sm-3" for="inputSuccess3">Input with success</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess3">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
</div> </div>
...@@ -2047,9 +2047,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2047,9 +2047,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
{% highlight html %} {% highlight html %}
<form class="form-horizontal" role="form"> <form class="form-horizontal" role="form">
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label col-sm-3" for="inputSuccess">Input with success</label> <label class="control-label col-sm-3" for="inputSuccess3">Input with success</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess3">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
</div> </div>
...@@ -2059,8 +2059,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2059,8 +2059,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="bs-example"> <div class="bs-example">
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess4">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess4">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
</form> </form>
...@@ -2068,8 +2068,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2068,8 +2068,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
{% highlight html %} {% highlight html %}
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group has-success has-feedback"> <div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess">Input with success</label> <label class="control-label" for="inputSuccess4">Input with success</label>
<input type="text" class="form-control" id="inputSuccess"> <input type="text" class="form-control" id="inputSuccess4">
<span class="glyphicon glyphicon-ok form-control-feedback"></span> <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div> </div>
</form> </form>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment