使用 Bootstrap v4-alpha-5 合理化 .btn-group

Question

这里提出的问题涉及 < alpha-3 中的合理按钮组。它在 alpha-5 中不起作用（我认为在 alpha-4 中也是如此）。

从我从问题列表中收集到的信息来看，它已被删除并且不会再回来。

我正在使用 SCSS 和可能的 Flexbox（如果这提供了更好的解决方案）。

我想使用切换状态单选按钮

<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