From 2df2cdd33d6b36a18882d0c1e1ecc823a0468468 Mon Sep 17 00:00:00 2001
From: sts-ryan-holton <ryan.holton@team8digital.uk>
Date: Wed, 7 Nov 2018 20:54:40 +0000
Subject: [PATCH] Wrap checkboxes in `.form-group` (#27624)
---
site/docs/4.1/components/dropdowns.md | 24 ++++++++++++++----------
site/docs/4.1/components/forms.md | 12 +++++++-----
2 files changed, 21 insertions(+), 15 deletions(-)
diff --git a/site/docs/4.1/components/dropdowns.md b/site/docs/4.1/components/dropdowns.md
index 76c09d9ca0..6011bd9896 100644
--- a/site/docs/4.1/components/dropdowns.md
+++ b/site/docs/4.1/components/dropdowns.md
@@ -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>
<input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
</div>
- <div class="form-check">
- <input type="checkbox" class="form-check-input" id="dropdownCheck">
- <label class="form-check-label" for="dropdownCheck">
- Remember me
- </label>
+ <div class="form-group">
+ <div class="form-check">
+ <input type="checkbox" class="form-check-input" id="dropdownCheck">
+ <label class="form-check-label" for="dropdownCheck">
+ Remember me
+ </label>
+ </div>
</div>
<button type="submit" class="btn btn-primary">Sign in</button>
</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>
<input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password">
</div>
- <div class="form-check">
- <input type="checkbox" class="form-check-input" id="dropdownCheck2">
- <label class="form-check-label" for="dropdownCheck2">
- Remember me
- </label>
+ <div class="form-group">
+ <div class="form-check">
+ <input type="checkbox" class="form-check-input" id="dropdownCheck2">
+ <label class="form-check-label" for="dropdownCheck2">
+ Remember me
+ </label>
+ </div>
</div>
<button type="submit" class="btn btn-primary">Sign in</button>
</form>
diff --git a/site/docs/4.1/components/forms.md b/site/docs/4.1/components/forms.md
index 6bef385279..64ec2cea2f 100644
--- a/site/docs/4.1/components/forms.md
+++ b/site/docs/4.1/components/forms.md
@@ -715,11 +715,13 @@ Add the `disabled` attribute to a `<fieldset>` to disable all the controls withi
<option>Disabled select</option>
</select>
</div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
- <label class="form-check-label" for="disabledFieldsetCheck">
- Can't check this
- </label>
+ <div class="form-group">
+ <div class="form-check">
+ <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
+ <label class="form-check-label" for="disabledFieldsetCheck">
+ Can't check this
+ </label>
+ </div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</fieldset>
--
GitLab