Example docs usage of `form-check` requires `form-group`

[peterblazejewicz]

Hello,

I'm under impression the sample form markup in the docs needs a correction here:

http://getbootstrap.com/docs/4.0/components/forms/

<div class="form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>

The problem with sample snippet is that AFAIK the form-check improves rendering of custom checkbox control but not a layout within a form. So I think it should be supported by a form-group to both layout a group and customer control:

<div class="from-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>

Sample in CodePen:
https://codepen.io/blazejewicz/pen/YeqEPR

Thanks!

Before opening an issue:

• Search for duplicate or closed issues
• Validate and lint any HTML to avoid common problems
• Prepare a reduced test case for any bugs

When suggesting a feature, include:

• As much detail as possible for what we should add and why it's important to Bootstrap
• Relevant links to prior art, screenshots, or live demos whenever possible

[supergibbs]

Either this or .form-check should include margin-bottom: $form-group-margin-bottom;