gpt4 book ai didi

vue.js - 如何在 Bootstrap Vue 的同一行上将标签与单选按钮对齐

转载 作者:行者123 更新时间:2023-12-05 02:07:38 61 4
gpt4 key购买 nike

我想让标签与其单选按钮内联:

<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 将所有内容放在同一行,但 radio 未垂直对齐: enter image description here

最佳答案

将 pt-2 Bootstrap padding 实用程序类应用于 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>

关于vue.js - 如何在 Bootstrap Vue 的同一行上将标签与单选按钮对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61577724/

61 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com