Berechtigte .btn-Gruppe mit Bootstrap v4-alpha-5

Question

Die Frage here adressiert berechtigte Schaltflächengruppe in < Alpha-3. Es funktioniert nicht in Alpha-5 (und ich denke auch in Alpha-4).

Von dem, was ich von der Problemliste erhalte, wurde es entfernt und wird nicht zurück sein.

Ich verwende SCSS und möglicherweise Flexbox, wenn dies eine bessere Lösung bietet.

Ich möchte die toggle-state radio-buttons

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary active"> 
     <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected) 
    </label> 
    <label class="btn btn-primary"> 
     <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2 
    </label> 
    <label class="btn btn-primary"> 
     <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3 
    </label> 
</div> 

Ist jemand in der Lage, um eine Lösung verwenden?

Answer 1

<div class="btn-group d-flex" role="group"> 
    <a href="" class="btn btn-secondary w-100">Previous</a> 
    <a href="" class="btn btn-secondary w-100">Next</a> 
</div> 

lesen https://getbootstrap.com/docs/4.0/migration/#button-group

Answer 2

Sie können alle Tage benutzerdefinierte CSS Code hinzufügen, wenn seine

.btn-group-justified { 
    display: table; 
    width: 100%; 
    table-layout: fixed; 
    border-collapse: separate; 
} 
.btn-group-justified .btn, 
.btn-group-justified .btn-group { 
    float: none; 
    display: table-cell; 
    width: 1%; 
} 
.btn-group-justified .btn .btn, 
.btn-group-justified .btn-group .btn { 
    width: 100%; 
} 
.btn-group-justified .btn .dropdown-menu, 
.btn-group-justified .btn-group .dropdown-menu { 
    left: auto; 
}