bootstrap两端对齐排列的按钮组

让一组按钮拉长为相同的尺寸，填满父元素的宽度。对于按钮组中的按钮式下拉菜单也同样适用。

效果图：

代码：

<div class="btn-group btn-group-justified" role="group" aria-label="...">

    <div class="btn-group" role="group">

        <button type="button" class="btn btn-default">Left</button>

    </div>

    <div class="btn-group" role="group">

        <button type="button" class="btn btn-default">Middle</button>

    </div>

    <div class="btn-group" role="group">

        <button type="button" class="btn btn-default">Right</button>

    </div>

</div>