diff options
Diffstat (limited to 'docs/templates/pages/base-css.mustache')
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 36 |
1 files changed, 29 insertions, 7 deletions
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 6136d0095..1f40f3711 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -104,6 +104,19 @@ <p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Feel free to use <code><b></code> and <code><i></code> in HTML5. <code><b></code> is meant to highlight words or phrases without conveying additional importance while <code><i></code> is mostly for voice, technical terms, etc.{{/i}}</p> + <h3>{{_i}}Alignment classes{{/i}}</h3> + <p>{{_i}}Easily realign text to components with text alignment classes.{{/i}}</p> + <div class="bs-docs-example"> + <p class="text-left">Left aligned text.</p> + <p class="text-center">Center aligned text.</p> + <p class="text-right">Right aligned text.</p> + </div> +<pre class="prettyprint linenums"> +<p class="text-left">Left aligned text.</p> +<p class="text-center">Center aligned text.</p> +<p class="text-right">Right aligned text.</p> +</pre> + <h3>{{_i}}Emphasis classes{{/i}}</h3> <p>{{_i}}Convey meaning through color with a handful of emphasis utility classes.{{/i}}</p> <div class="bs-docs-example"> @@ -390,7 +403,7 @@ For example, <code><section></code> should be wrapped as inline. </div> <pre class="prettyprint linenums"> -{{_i}}For example, <code><section></code> should be wrapped as inline.{{/i}} +{{_i}}For example, <code>&lt;section&gt;</code> should be wrapped as inline.{{/i}} </pre> <h2>Basic block</h2> @@ -464,7 +477,7 @@ <p>{{_i}}Add any of the following classes to the <code>.table</code> base class.{{/i}}</p> <h3><code>{{_i}}.table-striped{{/i}}</code></h3> - <p>{{_i}}Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE7-IE8).{{/i}}</p> + <p>{{_i}}Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE7-8).{{/i}}</p> <div class="bs-docs-example"> <table class="table table-striped"> <thead> @@ -781,8 +794,7 @@ <code><th></code> </td> <td> - {{_i}}Special table cell for column (or row, depending on scope and placement) labels{{/i}}<br> - {{_i}}Must be used within a <code><thead></code>{{/i}} + {{_i}}Special table cell for column (or row, depending on scope and placement) labels{{/i}} </td> </tr> <tr> @@ -1459,7 +1471,7 @@ </pre> <h3>{{_i}}Form actions{{/i}}</h3> - <p>{{_i}}End a form with a group of actions (buttons). When placed within a <code>.form-horizontal</code>, the buttons will automatically indent to line up with the form controls.{{/i}}</p> + <p>{{_i}}End a form with a group of actions (buttons). When placed within a <code>.form-actions</code>, the buttons will automatically indent to line up with the form controls.{{/i}}</p> <form class="bs-docs-example"> <div class="form-actions"> <button type="submit" class="btn btn-primary">{{_i}}Save changes{{/i}}</button> @@ -1509,7 +1521,8 @@ </pre> <h3>{{_i}}Invalid inputs{{/i}}</h3> - <p>{{_i}}Style inputs via default browser functionality with <code>:invalid</code>. Specify a <code>type</code> and add the <code>required</code> attribute.{{/i}}</p> + <p>{{_i}}Style inputs via default browser functionality with <code>:invalid</code>. Specify a <code>type</code>, add the <code>required</code> attribute if the field is not optional, and (if applicable) specify a <code>pattern</code>.{{/i}}</p> + <p>{{_i}}This is not available in versions of Internet Explorer 7-9 due to lack of support for CSS pseudo selectors.{{/i}}</p> <form class="bs-docs-example form-inline"> <input class="span3" type="email" placeholder="[email protected]" required> </form> @@ -1567,6 +1580,7 @@ <span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span> </div> </div> + <div class="control-group error"> <label class="control-label" for="inputError">{{_i}}Input with error{{/i}}</label> <div class="controls"> @@ -1574,6 +1588,15 @@ <span class="help-inline">{{_i}}Please correct the error{{/i}}</span> </div> </div> + +<div class="control-group info"> + <label class="control-label" for="inputInfo">{{_i}}Input with info{{/i}}</label> + <div class="controls"> + <input type="text" id="inputInfo"> + <span class="help-inline">{{_i}}Username is already taken{{/i}}</span> + </div> +</div> + <div class="control-group success"> <label class="control-label" for="inputSuccess">{{_i}}Input with success{{/i}}</label> <div class="controls"> @@ -1978,7 +2001,6 @@ <pre class="prettyprint linenums"> <div class="btn-toolbar"> <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> <a class="btn" href="#"><i class="icon-align-center"></i></a> <a class="btn" href="#"><i class="icon-align-right"></i></a> |