mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 13:13:03 +02:00
Code Issues Releases Wiki Activity

docs(forms): fix incorrect legend nesting in fieldset

Browse Source
This commit is contained in:
Gaël Poupard
2020-10-15 16:37:17 +02:00
committed by XhmikosR
parent 9589d9c54a
commit 116deb27c5
1 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
site/content/docs/5.0/forms/layout.md
View File

@@ -132,28 +132,26 @@ At times, you maybe need to use margin or padding utilities to create that perfe
<input type="password" class="form-control" id="inputPassword3"> <input type="password" class="form-control" id="inputPassword3">
</div> </div>
</div> </div>
<fieldset> <fieldset class="row mb-3">
<div class="row mb-3"> <legend class="col-form-label col-sm-2 pt-0">Radios</legend>
<legend class="col-form-label col-sm-2 pt-0">Radios</legend> <div class="col-sm-10">
<div class="col-sm-10"> <div class="form-check">
<div class="form-check"> <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked> <label class="form-check-label" for="gridRadios1">
<label class="form-check-label" for="gridRadios1"> First radio
First radio </label>
</label> </div>
</div> <div class="form-check">
<div class="form-check"> <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2"> <label class="form-check-label" for="gridRadios2">
<label class="form-check-label" for="gridRadios2"> Second radio
Second radio </label>
</label> </div>
</div> <div class="form-check disabled">
<div class="form-check disabled"> <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled> <label class="form-check-label" for="gridRadios3">
<label class="form-check-label" for="gridRadios3"> Third disabled radio
Third disabled radio </label>
</label>
</div>
</div> </div>
</div> </div>
</fieldset> </fieldset>