diff options
| author | Mark Otto <[email protected]> | 2016-04-08 20:58:36 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-04-08 20:58:36 -0500 |
| commit | 91627de4de94890a0517c44d5650bb7120503c26 (patch) | |
| tree | 22ca083f486eae4643b73aba42b2b9a15abdf9b6 | |
| parent | 80144d74d7435746f786e8eceae3a4adc07f93ac (diff) | |
| download | bootstrap-91627de4de94890a0517c44d5650bb7120503c26.tar.xz bootstrap-91627de4de94890a0517c44d5650bb7120503c26.zip | |
fix up broke forms styles and docs example for the grid
| -rw-r--r-- | docs/components/forms.md | 40 | ||||
| -rw-r--r-- | scss/_forms.scss | 3 |
2 files changed, 23 insertions, 20 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 14921b210..ae60e66c2 100644 --- 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—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—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 144cb84c8..b31d5fcc5 100644 --- 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; } |