Bottom margin with radio button group
Created by: 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.