Skip to content
GitLab
Commit 91627de4 authored by Mark Otto's avatar Mark Otto
Browse files

fix up broke forms styles and docs example for the grid

parent 80144d74
Hide whitespace changes
Inline Side-by-side
Showing
with 23 additions and 20 deletions
+23 -20
docs/components/forms.md
+ 21
- 19
View file @ 91627de4
...@@ -359,25 +359,27 @@ Be sure to add `.form-control-label` to your `<label>`s as well so they're verti ...@@ -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"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div> </div>
</div> </div>
<fieldset class="form-group"> <fieldset class="form-group row">
<legend>Radio buttons</legend> <legend class="form-control-legend col-sm-2">Radios</legend>
<div class="radio"> <div class="col-sm-10">
<label> <div class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> <label>
Option one is this and that&mdash;be sure to include why it's great <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
</label> Option one is this and that&mdash;be sure to include why it's great
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> <label>
Option two can be something else and selecting it will deselect option one <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
</label> Option two can be something else and selecting it will deselect option one
</div> </label>
<div class="radio disabled"> </div>
<label> <div class="radio disabled">
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> <label>
Option three is disabled <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
</label> Option three is disabled
</label>
</div>
</div> </div>
</fieldset> </fieldset>
<div class="form-group row"> <div class="form-group row">
......
scss/_forms.scss
+ 2
- 1
View file @ 91627de4
...@@ -101,7 +101,8 @@ select.form-control { ...@@ -101,7 +101,8 @@ select.form-control {
// For use with horizontal and inline forms, when you need the legend text to // 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. // be the same size as regular labels, and to align with the form controls.
.form-control-legend { .form-control-legend {
padding: $input-padding-y $input-padding-x; padding-top: $input-padding-y;
padding-bottom: $input-padding-y;
margin-bottom: 0; margin-bottom: 0;
font-size: $font-size-base; font-size: $font-size-base;
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment