twitter-bootstrap - 使用 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