twitter-bootstrap - 广播在 btn-group 中显示，而不是与按钮合并

Question

我希望收音机与按钮合并，但我得到了以下结果：

我正在使用引导程序 4.6。我错过了什么？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

<div class="row btn-group" data-toggle="buttons" role="group" style="display:flex;background-color:white;margin-top:10px">
  <label class="btn btn-secondary active col-md-3 no-padding-laterals shadow-none" for="btnradio1">
            <input type="radio" name="options" class="btn-check billing-button" value="4" checked> Total
        </label>
  <label class="btn btn-secondary col-md-2-1qtr no-padding-laterals shadow-none" for="btnradio1">
            <input type="radio" name="options" class="btn-check billing-button" value="1" billing-button> T
        </label>
  <label class="btn btn-secondary col-md-2-1qtr no-padding-laterals shadow-none" for="btnradio1">
                <input type="radio" name="options" class="btn-check billing-button" value="2" billing-button> A
        </label>
  <label class="btn btn-secondary col-md-2-1qtr no-padding-laterals shadow-none" for="btnradio1">
            <input type="radio" name="options" class="btn-check billing-button" value="3" billing-button> E
        </label>
  <label class="btn btn-secondary col-md-2-1qtr no-padding-laterals shadow-none" for="btnradio1">
            <input type="radio" name="options" class="btn-check billing-button" value="0" billing-button> H
        </label>
</div>

标签： twitter-bootstrapbuttonbootstrap-4radio-group