正确的..btn带引导带v4-alpha-5的组

Question

问题询问了< alpha-3中的这里地址是否正确的按钮组。它在alpha-5中不起作用(我认为α-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

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