bootstrapVue单选按钮组以堆叠模式呈现，而不是默认的内联模式

Question

我使用bootstrapVue版本2.21.2和bootstrap版本5.1.3。

该bootstrapVue版本在标签默认情况下生成内联无线电输入，https://bootstrap-vue.org/docs/components/form-radio#inline-或堆叠式无线电

但在我的项目中是以堆叠模式生成的：

<b-col>
<b-form-group label="Con quota sociale" v-slot="{ ariaDescribedby }">
<b-form-radio-group
v-model="filterQuotaSelected"
:aria-describedby="ariaDescribedby"
name="filter-quota">
<b-form-radio value="">ignora</b-form-radio>
<b-form-radio value="N">non in regola</b-form-radio>
<b-form-radio value="S">in regola</b-form-radio>
</b-form-radio-group>
</b-form-group>
</b-col>

浏览器渲染

如何联机渲染？你知道吗？

Answer 1

经过几步之后，我解决了这个问题。

这是一个插件版本的问题。

BootstrapVue v.2.21.x旨在与bootstrap v4.5.3互操作，设置我的项目文件夹，默认情况下，安装程序已经下载了不兼容的bootstrap的最后版本5.x。

解决步骤。。。

1. 更改文件"package.json"；用"；bootstrap"："5.x"；in dependencies对象

"dependencies": {
"bootstrap": "4.5.3",
...
}

2. 在文件夹项目中运行

npm update