btn-group-vertical gaps with toggle buttons

[bpierson]

btn-group-vertical leaves gaps when used with label-style toggle buttons. On the left is standard vertical group, followed by checkbox and radio versions:

<div class="btn-group-vertical" data-toggle="buttons" role="group">
    <label class="btn-secondary btn">
        <input type="checkbox" /> One
    </label>
    <label class="btn-secondary btn">
        <input type="checkbox" /> Two
    </label>
    <label class="btn-secondary btn">
        <input type="checkbox" /> Three
    </label>
</div>

[wolfy1339]

I don't think that class is designed to be used with label

[bpierson]

Possibly. Switching from label to something non-semantic like span seems to fix the problem. The docs use label for toggle buttons. The following works:

<div class="btn-group-vertical" data-toggle="buttons">
    <span class="btn-secondary btn">
        <input type="checkbox" /> One
    </span>
    <span class="btn-secondary btn">
        <input type="checkbox" /> Two
    </span>
    <span class="btn-secondary btn">
        <input type="checkbox" /> Three
    </span>
</div>

[cvrebert]

Did you test against v4.0.0-alpha.2, or against the v4-dev branch?

[bpierson]

It's the dev branch. I learned that lesson on the first issue that I opened. =c)