title: Bootstrap Responsive Button Group Justified
body: <p>In twitter bootstrap 3, there is a component prepared name <strong>button group justified</strong>.
  URL: <a href="http://getbootstrap.com/components/#btn-groups-justified" rel="noreferrer">http://getbootstrap.com/components/#btn-groups-justified</a></p>
  
  <p>Is there any way we could make <code>.btn-group.btn-group-justified</code> responsive friendly if we have more buttons? Maybe we can put it to 2 rows without using <code>display: block</code> and retaining its <code>display: table-cell</code> so that it could stay vertically align middle?</p>
  
  <p><img src="https://i.stack.imgur.com/6HmCE.png" alt="enter image description here"></p>
  
  <p>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?</p>
  
  <p>Here's my fiddle: <a href="http://jsfiddle.net/kHW3V/" rel="noreferrer">http://jsfiddle.net/kHW3V/</a></p>