Bootstrap Responsive Button Gruppe gerechtfertigt

Question

In Twitter Bootstrap 3, gibt es eine Komponente vorbereiteten Namen Knopf Gruppe gerechtfertigt. URL: http://getbootstrap.com/components/#btn-groups-justified

Gibt es eine Möglichkeit, wie wir .btn-group.btn-group-justified reagieren freundlich reagieren können, wenn wir mehr Tasten haben? Vielleicht können wir es in 2 Zeilen ohne display: block setzen und seine display: table-cell beibehalten, so dass es vertikal ausrichten könnte Mitte?

Gibt es in Klassen gebaut, die vorbereitet Bootstrap? da sie diese Button Group Justified CSS-Komponente vorbereitet haben, haben sie nichts, um sie responsiv freundlich zu machen, wenn es viele Buttons mit längeren Wörtern als Text gibt?

Hier ist meine Geige: http://jsfiddle.net/kHW3V/

Answer 1

gut ja, wenn Sie regelmäßig Knopfgruppen wie dieser seine bereits ansprechende

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

Aktualisiert Fiddle

, wenn Sie die berechtigte ein lassen Sie mich wissen müssen verwendet!

Answer 2

Mit https://getbootstrap.com/components/#nav-justified arbeitete für mich

<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

Sie diesen Stil .btn-group-justified für alle .btn innen hinzufügen.

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