设置 Bootstrap 3 按钮组宽度 100% 且各个按钮宽度均等
Set a button group's width to 100% and make buttons equal width

`.btn-group` 宽度和父元素宽度一致,并且 `.btn-group` 中各子按钮的宽度一致。

Make `.btn-group` to have a width of 100% of its parent dlement, and the inner buttons to take equal widths.

bootstrap

admin

https://stackoverflow.com/questions/14205125/set-a-button-groups-width-to-100-and-make-buttons-equal-width

Bootstrap 有一个 `.btn-group-justified` 样式。 ``` <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> ```

Bootstrap has the `.btn-group-justified` css class. ``` <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> ```