rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

fix broken fieldset grid, workaround for flexbug 9

Browse Source
This commit is contained in:
Mark Otto 2017-03-26 11:07:42 -07:00 committed by Mark Otto
parent 1e6902d21f
commit 1ad0496724
1 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/components/forms.md
View File

@ -350,26 +350,28 @@ Be sure to add `.col-form-label` to your `<label>`s as well so they're verticall
<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 row"> <fieldset class="form-group">
<legend class="col-form-legend col-sm-2">Radios</legend> <div class="row">
<div class="col-sm-10"> <legend class="col-form-legend col-sm-2">Radios</legend>
<div class="form-check"> <div class="col-sm-10">
<label class="form-check-label"> <div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked> <label class="form-check-label">
Option one is this and that&mdash;be sure to include why it's great <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
</label> Option one is this and that&mdash;be sure to include why it's great
</div> </label>
<div class="form-check"> </div>
<label class="form-check-label"> <div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2"> <label class="form-check-label">
Option two can be something else and selecting it will deselect option one <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
</label> Option two can be something else and selecting it will deselect option one
</div> </label>
<div class="form-check disabled"> </div>
<label class="form-check-label"> <div class="form-check disabled">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled> <label class="form-check-label">
Option three is disabled <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
</label> Option three is disabled
</label>
</div>
</div> </div>
</div> </div>
</fieldset> </fieldset>