與Bootstrap v4-alpha-5對齊.btn-group

Question

問題here地址對齊按鈕組< alpha-3。它在alpha-5中不起作用（我認爲在alpha-4中也是如此）。

從我從問題列表中收集的信息中，它已被刪除，不會再回來。

我正在使用SCSS和可能的flexbox，如果這提供了一個更好的解決方案。

我想用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> 

是任何人都能夠提供一個解決方案？

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> 

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

Answer 2

您可以送花兒給人添加自定義CSS的代碼，如果缺少

.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; 
}