title: How to align a label with radio button on same line in Bootstrap Vue
body: <p>I want to have the label inlined with its radio buttons:</p>
  
  <pre><code>&lt;b-form-group label="Zobrazit"&gt;
    &lt;b-form-radio-group id="radio-group-2" v-model="absoluteValues" name="radio-sub-component"&gt;
      &lt;b-form-radio value="true"&gt;Hodnoty&lt;/b-form-radio&gt;
      &lt;b-form-radio value="false"&gt;Procenta&lt;/b-form-radio&gt;
    &lt;/b-form-radio-group&gt;
  &lt;/b-form-group&gt;
  </code></pre>
  
  <p>It looks this way:</p>
  
  <p><a href="https://i.stack.imgur.com/5e3zt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5e3zt.png" alt="enter image description here"></a></p>
  
  <p>I cannot find any relevant attribute in <a href="https://bootstrap-vue.netlify.app/docs/components/form-group/" rel="nofollow noreferrer">FormGroup</a> element. The <code>Label-align</code> aligns the text but it does not merge both lines.</p>
  
  <p>Update:</p>
  
  <p><code>label-col=1</code> puts all on the same row but the radios are not vertically aligned:
  <a href="https://i.stack.imgur.com/bnIu8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bnIu8.png" alt="enter image description here"></a></p>