如何在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引导带填充实用程序类应用于b形无线电组组件，使其全部位于同一行上。

尝试如下：

 <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

试着使用普通支柱