Bootstrap Responsive Button Group Justified

Question

In twitter bootstrap 3, there is a component prepared name button group justified. URL: http://getbootstrap.com/components/#btn-groups-justified

Is there any way we could make .btn-group.btn-group-justified responsive friendly if we have more buttons? Maybe we can put it to 2 rows without using display: block and retaining its display: table-cell so that it could stay vertically align middle?

Is there built in classes that bootstrap prepared? since they prepared this Button Group Justified css component, dont they have anything to make it responsive friendly if there are many buttons with longer words as text?

Here's my fiddle: http://jsfiddle.net/kHW3V/

Answer 1

well yes if you used regular button groups like this its already responsive

<div class="btn-group">
    <button type="button" class="btn btn-default">Text</button>
</div>

Updated Fiddle

if you must have the justified one let me know!