diff options
Diffstat (limited to 'docs/base-css.html')
| -rw-r--r-- | docs/base-css.html | 148 |
1 files changed, 131 insertions, 17 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index 8a18ab9a3..a2ecf613a 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -58,7 +58,7 @@ <a href="./components.html">Components</a> </li> <li class=""> - <a href="./javascript.html">Javascript</a> + <a href="./javascript.html">JavaScript</a> </li> <li class=""> <a href="./customize.html">Customize</a> @@ -1131,21 +1131,21 @@ For example, <code><section></code> should be wrapped as inlin <form class="bs-docs-example"> <div class="input-prepend"> <span class="add-on">@</span> - <input id="prependedInput" size="16" type="text" placeholder="Username"> + <input id="prependedInput" type="text" placeholder="Username"> </div> <br> <div class="input-append"> - <input id="appendedInput" size="16" type="text"> + <input id="appendedInput" type="text"> <span class="add-on">.00</span> </div> </form> <pre class="prettyprint linenums"> <div class="input-prepend"> <span class="add-on">@</span> - <input id="prependedInput" size="16" type="text" placeholder="Username"> + <input id="prependedInput" type="text" placeholder="Username"> </div> <div class="input-append"> - <input id="appendedInput" size="16" type="text"> + <input id="appendedInput" type="text"> <span class="add-on">.00</span> </div> </pre> @@ -1155,14 +1155,14 @@ For example, <code><section></code> should be wrapped as inlin <form class="bs-docs-example form-inline"> <div class="input-prepend input-append"> <span class="add-on">$</span> - <input id="appendedPrependedInput" size="16" type="text"> + <input id="appendedPrependedInput" type="text"> <span class="add-on">.00</span> </div> </form> <pre class="prettyprint linenums"> <div class="input-prepend input-append"> <span class="add-on">$</span> - <input id="appendedPrependedInput" size="16" type="text"> + <input id="appendedPrependedInput" type="text"> <span class="add-on">.00</span> </div> </pre> @@ -1171,26 +1171,140 @@ For example, <code><section></code> should be wrapped as inlin <p>Instead of a <code><span></code> with text, use a <code>.btn</code> to attach a button (or two) to an input.</p> <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButton" size="16" type="text"> + <input id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div> - <br> + </form> +<pre class="prettyprint linenums"> +<div class="input-append"> + <input class="span2" id="appendedInputButton" type="text"> + <button class="btn" type="button">Go!</button> +</div> +</pre> + <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButtons" size="16" type="text"> + <input id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div> </form> <pre class="prettyprint linenums"> <div class="input-append"> - <input id="appendedInputButton" size="16" type="text"> - <button class="btn" type="button">Go!</button> + <input id="appendedInputButton" type="text"> + <button class="btn" type="button">Search</button> + <button class="btn" type="button">Options</button> </div> +</pre> + <h4>Button dropdowns</h4> + <p></p> + <form class="bs-docs-example"> + <div class="input-append"> + <input class="span2" id="appendedDropdownButton" type="text"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </div><!-- /input-append --> + </form> +<pre class="prettyprint linenums"> <div class="input-append"> - <input id="appendedInputButtons" size="16" type="text"> - <button class="btn" type="button">Search</button> - <button class="btn" type="button">Options</button> + <input id="appendedInputButtons" type="text"> + <input class="span2" id="appendedDropdownButton" type="text"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown"> + Action + <span class="caret"></span> + </button> + <ul class="dropdown-menu"> + ... + </ul> + </div> +</div> +</pre> + + <form class="bs-docs-example"> + <div class="input-prepend"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + <input class="span2" id="prependedDropdownButton" type="text"> + </div><!-- /input-prepend --> + </form> +<pre class="prettyprint linenums"> +<div class="input-prepend"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown"> + Action + <span class="caret"></span> + </button> + <ul class="dropdown-menu"> + ... + </ul> + </div> + <input class="span2" id="prependedDropdownButton" type="text"> +</div> +</pre> + + <form class="bs-docs-example"> + <div class="input-prepend input-append"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + <input class="span2" id="appendedPrependedDropdownButton" type="text"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </div><!-- /input-prepend input-append --> + </form> +<pre class="prettyprint linenums"> +<div class="input-prepend input-append"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown"> + Action + <span class="caret"></span> + </button> + <ul class="dropdown-menu"> + ... + </ul> + </div> + <input class="span2" id="appendedPrependedDropdownButton" type="text"> + <div class="btn-group"> + <button class="btn dropdown-toggle" data-toggle="dropdown"> + Action + <span class="caret"></span> + </button> + <ul class="dropdown-menu"> + ... + </ul> + </div> </div> </pre> @@ -1409,9 +1523,9 @@ For example, <code><section></code> should be wrapped as inlin </div> </div> <div class="control-group info"> - <label class="control-label" for="inputError">Input with info</label> + <label class="control-label" for="inputInfo">Input with info</label> <div class="controls"> - <input type="text" id="inputError"> + <input type="text" id="inputInfo"> <span class="help-inline">Username is taken</span> </div> </div> |