diff options
| author | Mark Otto <[email protected]> | 2012-01-24 19:43:52 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-24 19:43:52 -0800 |
| commit | bacb05608f2d42ef7fdb6fa25241d4268b989387 (patch) | |
| tree | e5f474a1c26d614f640369948fb17246c712ef8a /docs/templates | |
| parent | 4a6d9106b8f92a85a528971c70f132c32b6c43cf (diff) | |
| download | bootstrap-bacb05608f2d42ef7fdb6fa25241d4268b989387.tar.xz bootstrap-bacb05608f2d42ef7fdb6fa25241d4268b989387.zip | |
redo the form examples to enable better responsive layout
Diffstat (limited to 'docs/templates')
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 41722aa71..225e88d2b 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -827,10 +827,12 @@ <h2>{{_i}}Example forms <small>using just form controls, no extra markup</small>{{/i}}</h2> + <h3>{{_i}}Basic form{{/i}}</h3> <div class="row"> - <div class="span4"> - <h3>{{_i}}Basic form{{/i}}</h3> + <div class="span3"> <p>{{_i}}With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.{{/i}}</p> + </div> + <div class="span9"> <form class="well"> <label>{{_i}}Label name{{/i}}</label> <input type="text" class="span3" placeholder="{{_i}}Type something…{{/i}}"> @@ -840,17 +842,25 @@ <button type="submit" class="btn">{{_i}}Submit{{/i}}</button> </form> </div> - <div class="span4"> - <h3>{{_i}}Search form{{/i}}</h3> + </div> <!-- /row --> + <h3>{{_i}}Search form{{/i}}</h3> + <div class="row"> + <div class="span3"> <p>{{_i}}Reflecting default WebKit styles, just add <code>.form-search</code> for extra rounded search fields.{{/i}}</p> + </div> + <div class="span9"> <form class="well form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> </form> </div> - <div class="span4"> - <h3>{{_i}}Inline form{{/i}}</h3> + </div> <!-- /row --> + <h3>{{_i}}Inline form{{/i}}</h3> + <div class="row"> + <div class="span3"> <p>{{_i}}Inputs are block level to start. For <code>.form-inline</code> and <code>.form-horizontal</code>, we use inline-block.{{/i}}</p> + </div> + <div class="span9"> <form class="well form-search"> <input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}"> <input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}"> |