rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +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

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

@ -715,12 +715,14 @@ 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-group">
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" id="dropdownCheck"> <input type="checkbox" class="form-check-input" id="dropdownCheck">
<label class="form-check-label" for="dropdownCheck"> <label class="form-check-label" for="dropdownCheck">
Remember me Remember me
</label> </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>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
@ -740,12 +742,14 @@ 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-group">
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" id="dropdownCheck2"> <input type="checkbox" class="form-check-input" id="dropdownCheck2">
<label class="form-check-label" for="dropdownCheck2"> <label class="form-check-label" for="dropdownCheck2">
Remember me Remember me
</label> </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>
{% endcapture %} {% endcapture %}

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

@ -715,12 +715,14 @@ 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-group">
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled> <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
<label class="form-check-label" for="disabledFieldsetCheck"> <label class="form-check-label" for="disabledFieldsetCheck">
Can't check this Can't check this
</label> </label>
</div> </div>
</div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</fieldset> </fieldset>
</form> </form>