Gruppo pulsante reattivo Bootstrap giustificato

Question

In twitter bootstrap 3, esiste un nome componente preparato gruppo di pulsanti giustificato. URL: http://getbootstrap.com/components/#btn-groups-justified

C'è un modo che possiamo rendere amichevole .btn-group.btn-group-justified reattivo se abbiamo più pulsanti? Forse possiamo metterlo su 2 file senza usare display: block e mantenendo il suo display: table-cell in modo che possa rimanere allineato verticalmente al centro?

È ci costruiti in classi che bootstrap preparati? dal momento che hanno preparato questo componente css Justified di Button Group, non hanno nulla per renderlo reattivo se ci sono molti pulsanti con parole più lunghe come testo?

Ecco il mio violino: http://jsfiddle.net/kHW3V/

Answer 1

bene sì, se si è utilizzato gruppi di pulsanti regolari come questo la sua già reattivo

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

Aggiornato Fiddle

se si deve avere un giustificato fatemi sapere!

Answer 2

Utilizzando https://getbootstrap.com/components/#nav-justified ha lavorato per me

<ul class="nav nav-pills nav-justified"> 
    <li><a role="button" class="btn btn-default" href="/mypage1"><img src="/images/myimage1.png" height="32" alt="myimage1"></a></li> 
    <li><a role="button" class="btn btn-default" href="/mypage2"><img src="/images/myimage2.png" height="32" alt="myimage2"></a></li> 
    <li><a role="button" class="btn btn-default" href="/mypage3"><img src="/images/myimage3.png" height="32" alt="myimage3"></a></li> 
</ul> 

Answer 3

È possibile aggiungere questo stile per tutti .btn all'interno .btn-group-justified.

.btn-group-justified > .btn { 
    width: auto; 
    display: inline-block; 
}