From 527d01ce99a0cae8eae7868c0649dca60cda338c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 15:01:03 -0700 Subject: headway, cleanup, and tests --- docs/base-css.html | 37 ++++++++++++++++++++++--------------- 1 file changed, 22 insertions(+), 15 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index b87c27829..8a18ab9a3 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1131,20 +1131,22 @@ For example, <code><section></code> should be wrapped as inlin
@ - +

- + .00 
 <div class="input-prepend">
-  <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username">
+  <span class="add-on">@</span>
+  <input id="prependedInput" size="16" type="text" placeholder="Username">
 </div>
 <div class="input-append">
-  <input class="span2" id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
+  <input id="appendedInput" size="16" type="text">
+  <span class="add-on">.00</span>
 </div>
@@ -1153,13 +1155,15 @@ For example, <code><section></code> should be wrapped as inlin
$ - + .00 
 <div class="input-prepend input-append">
-  <span class="add-on">$</span><input class="span2" id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
+  <span class="add-on">$</span>
+  <input id="appendedPrependedInput" size="16" type="text">
+  <span class="add-on">.00</span>
 </div>
@@ -1167,46 +1171,49 @@ For example, <code><section></code> should be wrapped as inlin

Instead of a <span> with text, use a .btn to attach a button (or two) to an input.

- +

- + 
 <div class="input-append">
-  <input class="span2" id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
+  <input id="appendedInputButton" size="16" type="text">
+  <button class="btn" type="button">Go!</button>
 </div>
 
 <div class="input-append">
-  <input class="span2" id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
+  <input id="appendedInputButtons" size="16" type="text">
+  <button class="btn" type="button">Search</button>
+  <button class="btn" type="button">Options</button>
 </div>

Search form

- +
- + 
 <form class="form-search">
   <div class="input-append">
-    <input type="text" class="span2 search-query">
+    <input type="text" class="search-query">
     <button type="submit" class="btn">Search</button>
   </div>
   <div class="input-prepend">
     <button type="submit" class="btn">Search</button>
-    <input type="text" class="span2 search-query">
+    <input type="text" class="search-query">
   </div>
 </form>
@@ -1284,7 +1291,7 @@ For example, <code><section></code> should be wrapped as inlin

For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.

-
+
-- cgit v1.2.3