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

Question

I want to have the label inlined with its radio buttons:

<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>

It looks this way:

I cannot find any relevant attribute in FormGroup element. The Label-align aligns the text but it does not merge both lines.

Update:

label-col=1 puts all on the same row but the radios are not vertically aligned:

Answer 1

Apply pt-2 Bootstrap padding utility class to b-form-radio-group component to make it all on the same line

Try this:

 <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>