Cannot resize rounded button group to btn-group-sm

Topic: Cannot resize rounded button group to btn-group-sm

Tristan Dobbs pro asked 2 years ago

Expected behavior btn-group should be altered to be smaller via the additional btn-group-sm class per the documentation here: https://mdbootstrap.com/docs/b4/jquery/components/button-group/ Is this possible? There are no examples of this in the documentation, but it seems possible.

Actual behavior While the buttons are resized, they revert to boxed (not rounded) buttons. Sample below:

<div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-pink btn-rounded">Left</button>
    <button type="button" class="btn btn-pink btn-rounded">Middle</button>
    <button type="button" class="btn btn-pink btn-rounded">Right</button>
</div>

Resources (screenshots, code snippets etc.) class applied class not applied