Cleanup .navbar-form styles

* Nuke the commented out navbar forms code that's not currently needed
* Add a few more examples to the .navbar-form docs section
* Remove (for now at least) top padding on checkbox and radios

diff --git a/docs/docs.html b/docs/docs.html
index 4292b650c624454503b23ec0aa97cab6228b8ba7..2b922b695d89985463a31586f481b7d5f1648dfc 100644 (file)
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -3476,12 +3476,44 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     <h3 id="navbar-forms">Forms</h3>
     <p>To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include <code>.navbar-form</code> and either <code>.pull-left</code> or <code>.pull-right</code> to properly align it.</p>
     <div class="bs-docs-example">
+
+      <div class="navbar">
+        <form class="navbar-form pull-left">
+          <input type="text" style="width: 200px;">
+          <button type="submit" class="btn">Submit</button>
+        </form>
+      </div>
+
+      <div class="navbar">
+        <form class="navbar-form pull-left">
+          <select name="" id="" style="width: 200px;">
+            <option value="1">1</option>
+            <option value="1">1</option>
+            <option value="1">1</option>
+            <option value="1">1</option>
+          </select>
+          <button type="submit" class="btn">Submit</button>
+        </form>
+      </div>
+
+      <div class="navbar">
+        <form class="navbar-form pull-left">
+          <input type="text" style="width: 200px;">
+          <input type="checkbox">
+          <button type="submit" class="btn">Submit</button>
+        </form>
+      </div>
+
       <div class="navbar">
         <form class="navbar-form pull-left">
           <input type="text" style="width: 200px;">
+          <label class="checkbox-inline">
+            <input type="checkbox"> Derp
+          </label>
           <button type="submit" class="btn">Submit</button>
         </form>
       </div>
+
     </div><!-- /example -->
 {% highlight html %}
 <form class="navbar-form pull-left">

diff --git a/less/forms.less b/less/forms.less
index 72eab570d7c5c201997dad4b41e3b759a6bbff4a..fb0a41dd89ca56291d9c63680d1ea919711dd4f5 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -193,17 +193,19 @@ textarea {
   margin-top: ((@line-height-base / 4) * -1);
 }
 
+/*
 // Move the options list down to align with labels
 .controls > .radio:first-child,
 .controls > .checkbox:first-child {
   padding-top: 5px; // has to be padding because margin collaspes
 }
+*/
 
 // Radios and checkboxes on same line
 .radio-inline,
 .checkbox-inline {
   display: inline-block;
-  padding-top: 5px;
+//  padding-top: 5px;
   padding-left: 20px;
   margin-bottom: 0;
   vertical-align: middle;

diff --git a/less/navbar.less b/less/navbar.less
index 662887032fb8d0bec12309875956793458e6f01d..e5e3acd5942086c363ce46c450574437bfb56850 100644 (file)
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -336,36 +336,5 @@
   margin-top: 0; // then undo the margin here so we don't accidentally double it
 }
 
-// Navbar forms
-// -------------------------
-.navbar-form {
-  margin-bottom: 0; // remove default bottom margin
-  .clearfix();
-  input,
-  select,
-  .radio,
-  .checkbox {
-    .navbarVerticalAlign(30px); // Vertically center in navbar
-  }
-  input,
-  select,
-  .btn {
-    display: inline-block;
-    margin-bottom: 0;
-  }
-  input[type="image"],
-  input[type="checkbox"],
-  input[type="radio"] {
-    margin-top: 3px;
-  }
-  .input-append,
-  .input-prepend {
-    margin-top: 5px;
-    white-space: nowrap; // preven two  items from separating within a .navbar-form that has .pull-left
-    input {
-      margin-top: 0; // remove the margin on top since it's on the parent
-    }
-  }
-}
 
 */