From d6680a50b9d4518449b569259a0f150619d4074d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 28 Mar 2012 18:00:05 -0700 Subject: start rearranging form docs and clear up messaging about required classes and default styles --- docs/base-css.html | 39 ++++++++++++++------------------------- 1 file changed, 14 insertions(+), 25 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 65c6036d4..b9dbd372f 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -875,11 +875,9 @@ For example, <code>section</code> should be wrapped as inline.

Example forms using just form controls, no extra markup

-
+

Basic form

-

With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.

-
-
+

Smart and lightweight defaults without extra markup.

@@ -893,39 +891,30 @@ For example, <code>section</code> should be wrapped as inline. <form class="well"> <label>Label name</label> <input type="text" class="span3" placeholder="Type something…"> - <span class="help-inline">Associated help text!</span> + <span class="help-block">Example block-level help text here.</span> <label class="checkbox"> <input type="checkbox"> Check me out </label> <button type="submit" class="btn">Submit</button> </form> -
-
-
-
-

Search form

-

Reflecting default WebKit styles, just add .form-search for extra rounded search fields.

-
-
- - - - +
+
+

Search form

+

Add .form-search to the form and .search-query to the input.

+
+ + + 
 <form class="well form-search">
   <input type="text" class="input-medium search-query">
   <button type="submit" class="btn">Search</button>
 </form>
-
-
-
-
+

Inline form

-

Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.

-
-
+

Add .form-inline to finesse the vertical alignment and spacing of form controls.

@@ -944,7 +933,7 @@ For example, <code>section</code> should be wrapped as inline. <button type="submit" class="btn">Sign in</button> </form> -
+

-- cgit v1.2.3