diff options
Diffstat (limited to 'docs/base-css.html')
-rw-r--r-- | docs/base-css.html | 40 |
1 files changed, 31 insertions, 9 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index 08de2aea07..d1ca3fb8b1 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -15,7 +15,7 @@ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="assets/js/html5shiv.js"></script> <![endif]--> <!-- Le fav and touch icons --> @@ -170,6 +170,19 @@ <p><span class="label label-info">Heads up!</span> 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.</p> + <h3>Alignment classes</h3> + <p>Easily realign text to components with text alignment classes.</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>Emphasis classes</h3> <p>Convey meaning through color with a handful of emphasis utility classes.</p> <div class="bs-docs-example"> @@ -453,7 +466,7 @@ For example, <code><section></code> should be wrapped as inline. </div> <pre class="prettyprint linenums"> -For example, <code><section></code> should be wrapped as inline. +For example, <code>&lt;section&gt;</code> should be wrapped as inline. </pre> <h2>Basic block</h2> @@ -527,7 +540,7 @@ For example, <code><section></code> should be wrapped as inlin <p>Add any of the following classes to the <code>.table</code> base class.</p> <h3><code>.table-striped</code></h3> - <p>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).</p> + <p>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).</p> <div class="bs-docs-example"> <table class="table table-striped"> <thead> @@ -844,8 +857,7 @@ For example, <code><section></code> should be wrapped as inlin <code><th></code> </td> <td> - Special table cell for column (or row, depending on scope and placement) labels<br> - Must be used within a <code><thead></code> + Special table cell for column (or row, depending on scope and placement) labels </td> </tr> <tr> @@ -1522,7 +1534,7 @@ For example, <code><section></code> should be wrapped as inlin </pre> <h3>Form actions</h3> - <p>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.</p> + <p>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.</p> <form class="bs-docs-example"> <div class="form-actions"> <button type="submit" class="btn btn-primary">Save changes</button> @@ -1572,7 +1584,8 @@ For example, <code><section></code> should be wrapped as inlin </pre> <h3>Invalid inputs</h3> - <p>Style inputs via default browser functionality with <code>:invalid</code>. Specify a <code>type</code> and add the <code>required</code> attribute.</p> + <p>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>.</p> + <p>This is not available in versions of Internet Explorer 7-9 due to lack of support for CSS pseudo selectors.</p> <form class="bs-docs-example form-inline"> <input class="span3" type="email" placeholder="test@example.com" required> </form> @@ -1630,6 +1643,7 @@ For example, <code><section></code> should be wrapped as inlin <span class="help-inline">Something may have gone wrong</span> </div> </div> + <div class="control-group error"> <label class="control-label" for="inputError">Input with error</label> <div class="controls"> @@ -1637,6 +1651,15 @@ For example, <code><section></code> should be wrapped as inlin <span class="help-inline">Please correct the error</span> </div> </div> + +<div class="control-group info"> + <label class="control-label" for="inputInfo">Input with info</label> + <div class="controls"> + <input type="text" id="inputInfo"> + <span class="help-inline">Username is already taken</span> + </div> +</div> + <div class="control-group success"> <label class="control-label" for="inputSuccess">Input with success</label> <div class="controls"> @@ -2041,7 +2064,6 @@ For example, <code><section></code> should be wrapped as inlin <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> @@ -2156,7 +2178,7 @@ For example, <code><section></code> should be wrapped as inlin <li class="muted">·</li> <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li> <li class="muted">·</li> - <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li> + <li><a href="https://github.com/twitter/bootstrap/blob/master/CHANGELOG.md">Changelog</a></li> </ul> </div> </footer> |