Bottom margin with radio button group

[andreasschiestl]

Hi!

I noticed that there is a button margin with radio button groups, but not with normal button groups.

code used for this example

<div class="btn-group btn-group-sm" role="group">
    <button type="button" class="btn btn-secondary">Left</button>
    <button type="button" class="btn btn-secondary">Middle</button>
    <button type="button" class="btn btn-secondary">Right</button>
</div>

<div class="btn-group btn-group-sm" data-toggle="buttons">
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option1" autocomplete="off"> Radio 1
    </label>
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
    </label>
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
    </label>
</div>

The bottom margin is created by the label tag.

[cvrebert]

Please make a CodePen, JS Bin, or other live example that demonstrates the bug.

[andreasschiestl]

Here is a JS Bin example :) https://jsbin.com/yicopuz/2/edit?html,output