Как выровнять метку с переключателем на той же строке в Bootstrap Vue - PullRequest
Новая
       22

Как выровнять метку с переключателем на той же строке в Bootstrap Vue

0 голосов
/ 03 мая 2020

Я хочу, чтобы метка была выделена радиокнопками: 

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

Это выглядит так:

enter image description here

Я не могу найти соответствующий атрибут в элементе FormGroup . Label-align выравнивает текст, но не объединяет обе строки.

Обновление:

label-col=1 помещает все в одну строку, но рад ios не выровнены по вертикали: enter image description here

1 Ответ

1 голос
/ 03 мая 2020

Применить 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>
...