如何在 Bootstrap Vue 中将标签与单选按钮对齐在同一行

Question

我想让标签与其单选按钮内联：

<b-form-group label="Zobrazit">
  <b-form-radio-group id="radio-group-2" v-model="absoluteValues" name="radio-sub-component">
    <b-form-radio value="true">Hodnoty</b-form-radio>
    <b-form-radio value="false">Procenta</b-form-radio>
  </b-form-radio-group>
</b-form-group>

看起来是这样的：

我在 FormGroup 元素中找不到任何相关属性。 Label-align 对齐文本，但不会合并两行。

更新：

label-col=1 将所有内容放在同一行，但收音机未垂直对齐：

Answer 1

将 pt-2 Bootstrap 填充实用程序 class 应用于 b-form-radio-group 组件，使其全部在同一行上

试试这个：

 <b-form-group label-cols-sm="1" label="Zobrazit">
  <b-form-radio-group class="pt-2" id="radio-group-2" v-model="absoluteValues" 
    name="radio-sub-component">
    <b-form-radio value="true">Hodnoty</b-form-radio>
    <b-form-radio value="false">Procenta</b-form-radio>
  </b-form-radio-group>
</b-form-group>

Answer 2

尝试使用普通道具

如何在 Bootstrap Vue 中将标签与单选按钮对齐在同一行

How to align a label with radio button on same line in Bootstrap Vue

vue.js

bootstrap-vue