fix up broke forms styles and docs example for the grid

diff --git a/docs/components/forms.md b/docs/components/forms.md
index 14921b2104d9997e07185d3c4405f734696d822e..ae60e66c27a55e098913c47d2f4cab73f6afa22d 100644 (file)
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -359,25 +359,27 @@ Be sure to add `.form-control-label` to your `<label>`s as well so they're verti
         <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
       </div>
     </div>
-    <fieldset class="form-group">
-      <legend>Radio buttons</legend>
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
-          Option one is this and that&mdash;be sure to include why it's great
-        </label>
-      </div>
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
-          Option two can be something else and selecting it will deselect option one
-        </label>
-      </div>
-      <div class="radio disabled">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
-          Option three is disabled
-        </label>
+    <fieldset class="form-group row">
+      <legend class="form-control-legend col-sm-2">Radios</legend>
+      <div class="col-sm-10">
+        <div class="radio">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
+            Option one is this and that&mdash;be sure to include why it's great
+          </label>
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
+            Option two can be something else and selecting it will deselect option one
+          </label>
+        </div>
+        <div class="radio disabled">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
+            Option three is disabled
+          </label>
+        </div>
       </div>
     </fieldset>
     <div class="form-group row">

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 144cb84c83443c9aa94857274bf5098b34f75096..b31d5fcc5a7bb3e3e1f893ffd8cf4d3e5f757a40 100644 (file)
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -101,7 +101,8 @@ select.form-control {
 // For use with horizontal and inline forms, when you need the legend text to
 // be the same size as regular labels, and to align with the form controls.
 .form-control-legend {
-  padding: $input-padding-y $input-padding-x;
+  padding-top: $input-padding-y;
+  padding-bottom: $input-padding-y;
   margin-bottom: 0;
   font-size: $font-size-base;
 }