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

Wrap checkboxes in .form-group (#27624)

Browse Source
This commit is contained in:
sts-ryan-holton 2018-11-07 20:54:40 +00:00 committed by Martijn Cuppens
parent 8de915eded
commit 2df2cdd33d
2 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
site/docs/4.1/components/dropdowns.md
View File

@ -715,11 +715,13 @@ Put a form within a dropdown menu, or make it into a dropdown menu, and use [mar
<label for="exampleDropdownFormPassword1">Password</label> <label for="exampleDropdownFormPassword1">Password</label>
<input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password"> <input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
</div> </div>
<div class="form-check"> <div class="form-group">
<input type="checkbox" class="form-check-input" id="dropdownCheck"> <div class="form-check">
<label class="form-check-label" for="dropdownCheck"> <input type="checkbox" class="form-check-input" id="dropdownCheck">
Remember me <label class="form-check-label" for="dropdownCheck">
</label> Remember me
</label>
</div>
</div> </div>
<button type="submit" class="btn btn-primary">Sign in</button> <button type="submit" class="btn btn-primary">Sign in</button>
</form> </form>
@ -740,11 +742,13 @@ Put a form within a dropdown menu, or make it into a dropdown menu, and use [mar
<label for="exampleDropdownFormPassword2">Password</label> <label for="exampleDropdownFormPassword2">Password</label>
<input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password"> <input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password">
</div> </div>
<div class="form-check"> <div class="form-group">
<input type="checkbox" class="form-check-input" id="dropdownCheck2"> <div class="form-check">
<label class="form-check-label" for="dropdownCheck2"> <input type="checkbox" class="form-check-input" id="dropdownCheck2">
Remember me <label class="form-check-label" for="dropdownCheck2">
</label> Remember me
</label>
</div>
</div> </div>
<button type="submit" class="btn btn-primary">Sign in</button> <button type="submit" class="btn btn-primary">Sign in</button>
</form> </form>

12
site/docs/4.1/components/forms.md
View File

@ -715,11 +715,13 @@ Add the `disabled` attribute to a `<fieldset>` to disable all the controls withi
<option>Disabled select</option> <option>Disabled select</option>
</select> </select>
</div> </div>
<div class="form-check"> <div class="form-group">
<input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled> <div class="form-check">
<label class="form-check-label" for="disabledFieldsetCheck"> <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
Can't check this <label class="form-check-label" for="disabledFieldsetCheck">
</label> Can't check this
</label>
</div>
</div> </div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</fieldset> </fieldset>