From abf4ecac4dbd378a4985880e27f2897ebca75e7b Mon Sep 17 00:00:00 2001 From: Mark Otto <markdotto@gmail.com> Date: Sun, 5 Feb 2012 01:41:45 -0800 Subject: [PATCH] add another code example for horizontal forms --- docs/assets/bootstrap.zip | Bin 52391 -> 52391 bytes docs/base-css.html | 19 ++++++++++++++++++- docs/templates/pages/base-css.mustache | 16 ++++++++++++++++ 3 files changed, 34 insertions(+), 1 deletion(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 0700910d343d0e8edbc1a3ddcf8bcfa724f4ae52..d55ce3f0deecf9ae7bfe579b302795936ddf7c83 100644 GIT binary patch delta 445 zcmZ2JlX>|}W}X0VW)?065HRMQ$fKxy$xqM!G7y(ma5FHnd}m}}U=aaIq9_YcWrHZ2 z%vT`I1k^Xf7Ammu_9+e~6W+<oIUU(Rrd;;h{Ejn_9jIoqqo5H~(dJ6Q90QQhb4N3n zkh0T0U64ruGL!%3bD|nQS-Zd)EON<jb4fv^07&cm28fkFA*04>0g#>RC#pd01Um~T z@@=94%oRG5UMqkUNp3cQ2?cN7D*`e~=!8DgCBMo4Pl-<sIK>7Mi8v)Qx$cBGL{t_e zvh9R7j0ZGC>7+l?WsnZA+@zBZFgc*g&nI0lOfyE3UvnxDi6?g&YA(cXpxIrgjbLU2 Sd3R6SA@OX^IDvQ#XVd|b(V?sW delta 445 zcmZ2JlX>|}W}X0VW)?065QycO$fKz2<g4fJ48)}s+zgB?-x(PgSVVx52xSR869ZJ) zKuVl_C-W6ZGXVu=*n$O|d^g@c#Q_wUyqwb!s$}y!&OmmiSf0s_f<|l*!#7t7<`{s4 zo;#Ysgp{53=>ml&2FOhQpU(*u1se}kr(NI-7IE_3TvAXe0Mh!t!4@WD)L1P5vUB}J z6;x+U{x;D7<_eujuN6RwBsZJDgn~Ek6#*F~bV8rW$#?SqQ{s~YPO*U$MVykETz5j8 z3FyK9r({7Q+fH~R@sv*b!+1dblTJE7^vi-w`+U*`*)*U?#3^GW`8B5kk$7^ay^&P| aZR$F01T!1RyL;LWiDz@h3B+qSqYeOkDv>_` diff --git a/docs/base-css.html b/docs/base-css.html index f84cbe774e..22025bbb2e 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -869,7 +869,8 @@ For example, <code>section</code> should be wrapped as inline. <pre class="prettyprint linenums"> <form class="well"> <label>Label name</label> - <input type="text" class="span3" placeholder="Type something…"> <span class="help-inline">Associated help text!</span> + <input type="text" class="span3" placeholder="Type something…"> + <span class="help-inline">Associated help text!</span> <label class="checkbox"> <input type="checkbox"> Check me out </label> @@ -983,6 +984,22 @@ For example, <code>section</code> should be wrapped as inline. </div> </fieldset> </form> + <h3>Example markup</h3> + <p>Given the above example form layout, here's the markup associated with the first input and control group.</p> +<pre class="prettyprint linenums"> +<form class="form-horizontal"> + <fieldset> + <legend>Legend text</legend> + <div class="control-group"> + <label class="control-label" for="input01">Text input</label> + <div class="controls"> + <input type="text" class="input-xlarge" id="input01"> + <p class="help-block">Supporting help text</p> + </div> + </div> + </fieldset> +</form> +</pre> </div> <div class="span4"> <h3>What's included</h3> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 3327594b5e..e3420ed092 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -908,6 +908,22 @@ </div> </fieldset> </form> + <h3>{{_i}}Example markup{{/i}}</h3> + <p>{{_i}}Given the above example form layout, here's the markup associated with the first input and control group.{{/i}}</p> +<pre class="prettyprint linenums"> +<form class="form-horizontal"> + <fieldset> + <legend>{{_i}}Legend text{{/i}}</legend> + <div class="control-group"> + <label class="control-label" for="input01">{{_i}}Text input{{/i}}</label> + <div class="controls"> + <input type="text" class="input-xlarge" id="input01"> + <p class="help-block">{{_i}}Supporting help text{{/i}}</p> + </div> + </div> + </fieldset> +</form> +</pre> </div> <div class="span4"> <h3>{{_i}}What's included{{/i}}</h3> -- GitLab