如何在 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 填充实用程序类应用于 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>