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/base-css.html | |
| parent | 4a6d9106b8f92a85a528971c70f132c32b6c43cf (diff) | |
| download | bootstrap-bacb05608f2d42ef7fdb6fa25241d4268b989387.tar.xz bootstrap-bacb05608f2d42ef7fdb6fa25241d4268b989387.zip | |
redo the form examples to enable better responsive layout
Diffstat (limited to 'docs/base-css.html')
| -rw-r--r-- | docs/base-css.html | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index c849a299e..27251d824 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -887,10 +887,12 @@ <h2>Example forms <small>using just form controls, no extra markup</small></h2> + <h3>Basic form</h3> <div class="row"> - <div class="span4"> - <h3>Basic form</h3> + <div class="span3"> <p>With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.</p> + </div> + <div class="span9"> <form class="well"> <label>Label name</label> <input type="text" class="span3" placeholder="Type something…"> @@ -900,17 +902,25 @@ <button type="submit" class="btn">Submit</button> </form> </div> - <div class="span4"> - <h3>Search form</h3> + </div> <!-- /row --> + <h3>Search form</h3> + <div class="row"> + <div class="span3"> <p>Reflecting default WebKit styles, just add <code>.form-search</code> for extra rounded search fields.</p> + </div> + <div class="span9"> <form class="well form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">Search</button> </form> </div> - <div class="span4"> - <h3>Inline form</h3> + </div> <!-- /row --> + <h3>Inline form</h3> + <div class="row"> + <div class="span3"> <p>Inputs are block level to start. For <code>.form-inline</code> and <code>.form-horizontal</code>, we use inline-block.</p> + </div> + <div class="span9"> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> <input type="password" class="input-small" placeholder="Password"> |