update inline forms to resolve checkbox label with space in it and overlapping conten...

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 2dcd38c333e94a78e888f14262f2fc6ac08d2d8f..f4a9241da889be7fac77637ef2d5d5a123462979 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index a74f461c252d424555243955b1c0b2793b537d78..1d12c816fd1c4799a3b33aae7777467cb1b33f02 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1001,9 +1001,18 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
 .form-search .checkbox,
 .form-inline .radio,
 .form-inline .checkbox {
+  padding-left: 0;
   margin-bottom: 0;
   vertical-align: middle;
 }
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"],
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: 0;
+  margin-right: 3px;
+}
 .control-group {
   margin-bottom: 9px;
 }

diff --git a/docs/base-css.html b/docs/base-css.html
index 5a2e12748ca84139e4250f5f5f953739aa0659c4..86ea85533acb881583de1fddd31a4c0092106cf8 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -910,7 +910,7 @@ For example, <code>section</code> should be wrapped as inline.
         <input type="text" class="input-small" placeholder="Email">
         <input type="password" class="input-small" placeholder="Password">
         <label class="checkbox">
-          <input type="checkbox"> Remember?
+          <input type="checkbox"> Remember me
         </label>
         <button type="submit" class="btn">Sign in</button>
       </form>
@@ -918,6 +918,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 &lt;form class="well form-inline"&gt;
   &lt;input type="text" class="input-small" placeholder="Email"&gt;
   &lt;input type="password" class="input-small" placeholder="Password"&gt;
+  &lt;label class="checkbox"&gt;
+    &lt;input type="checkbox"&gt; Remember me
+  &lt;/label&gt;
   &lt;button type="submit" class="btn"&gt;Go&lt;/button&gt;
 &lt;/form&gt;
 </pre>

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 96036d6eee77f245b0cf44057a36f7920872b38d..519f07bfe344ed29d35bf9c18fa8bc0c9b940a64 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -834,7 +834,7 @@
         <input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}">
         <input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}">
         <label class="checkbox">
-          <input type="checkbox"> {{_i}}Remember?{{/i}}
+          <input type="checkbox"> {{_i}}Remember me{{/i}}
         </label>
         <button type="submit" class="btn">{{_i}}Sign in{{/i}}</button>
       </form>
@@ -842,6 +842,9 @@
 &lt;form class="well form-inline"&gt;
   &lt;input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}"&gt;
   &lt;input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}"&gt;
+  &lt;label class="checkbox"&gt;
+    &lt;input type="checkbox"&gt; {{_i}}Remember me{{/i}}
+  &lt;/label&gt;
   &lt;button type="submit" class="btn"&gt;{{_i}}Go{{/i}}&lt;/button&gt;
 &lt;/form&gt;
 </pre>

diff --git a/less/forms.less b/less/forms.less
index 177625204ad71ea0b5fad5a3e7369ff8853a9873..cb2ff8510975184b8b119840f856e33e463726c0 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -475,14 +475,25 @@ select:focus:required:invalid {
 .form-inline .input-prepend .add-on {
   vertical-align: middle;
 }
-// Inline checkbox/radio labels
+// Inline checkbox/radio labels (remove padding on left)
 .form-search .radio,
 .form-search .checkbox,
 .form-inline .radio,
 .form-inline .checkbox {
+  padding-left: 0;
   margin-bottom: 0;
   vertical-align: middle;
 }
+// Remove float and margin, set to inline-block
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"],
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: 0;
+  margin-right: 3px;
+}
+
 
 // Margin to space out fieldsets
 .control-group {