Twitter bootstrap 使单选按钮组全宽引导

我想我的单选按钮组是它的家长的全宽度。我尝试将宽度设置为100%，这在大屏幕上有效，但在移动设备上，这会导致我的单选按钮组比屏幕大。 我还想问一下，我怎样才能改变团队的背景色

       <b-form-row>
            <b-col>
                    <b-form-radio-group
                            class="w-100"
                            id="radioButtonGroup"
                            v-model="selected"
                            :options="freeSeats"
                            buttons
                            button-variant="primary"
                            size="lg"
                            name="radio-btn-outline"
                    ></b-form-radio-group>
            </b-col>
        </b-form-row>

---

尝试引导v4 flex实用程序类：

类d-flex将无线电组切换为全宽，而不是默认的内联flex。flex wrap类是可选的，用于将单选按钮包装到下一行（如果有多个按钮无法在单行上显示）