aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/base-css.html9
-rw-r--r--docs/templates/pages/base-css.mustache9
2 files changed, 18 insertions, 0 deletions
diff --git a/docs/base-css.html b/docs/base-css.html
index bd04e53d6..ff2325dfa 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1571,6 +1571,15 @@ For example, <code><section></code> should be wrapped as inlin
<input class="input-xlarge" id="focusedInput" type="text" value="This is focused...">
</pre>
+ <h3>Required inputs</h3>
+ <p>Style inputs via default browser functionality with <code>:valid</code>.</p>
+ <form class="bs-docs-example form-inline">
+ <input class="span4" type="text" value="Required input" required>
+ </form>
+<pre class="prettyprint linenums">
+&lt;input class="span4" type="text" placeholder="Required input" required&gt;
+</pre>
+
<h3>Disabled inputs</h3>
<p>Add the <code>disabled</code> attribute on an input to prevent user input and trigger a slightly different look.</p>
<form class="bs-docs-example form-inline">
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index e9377026a..1c80f9de0 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1508,6 +1508,15 @@
&lt;input class="input-xlarge" id="focusedInput" type="text" value="{{_i}}This is focused...{{/i}}"&gt;
</pre>
+ <h3>{{_i}}Required inputs{{/i}}</h3>
+ <p>{{_i}}Style inputs via default browser functionality with <code>:valid</code>.{{/i}}</p>
+ <form class="bs-docs-example form-inline">
+ <input class="span4" type="text" value="{{_i}}Required input{{/i}}" required>
+ </form>
+<pre class="prettyprint linenums">
+&lt;input class="span4" type="text" placeholder="{{_i}}Required input{{/i}}" required&gt;
+</pre>
+
<h3>{{_i}}Disabled inputs{{/i}}</h3>
<p>{{_i}}Add the <code>disabled</code> attribute on an input to prevent user input and trigger a slightly different look.{{/i}}</p>
<form class="bs-docs-example form-inline">