mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 06:21:26 +02:00
Code Issues Releases Wiki Activity

fix up broke forms styles and docs example for the grid

Browse Source
This commit is contained in:
Mark Otto
2016-04-08 20:58:36 -05:00
parent 80144d74d7
commit 91627de4de
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
docs/components/forms.md
View File

@@ -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">

3
scss/_forms.scss
View File

@@ -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;
} }