Bootstrap 4 带引导功能的拆分按钮4韩元'；不能正确显示

我对bootstrap4和split按钮有多个问题

我试图创建一个“多用途”按钮，一次一个动作，但用户可以通过下拉菜单更改该动作。所以拆分按钮似乎是个不错的选择

但是我用起来有点麻烦

首先，下拉箭头比旁边的按钮小，我不明白为什么，因为我只是从bootstrap或w3schools复制/粘贴示例（我检查了他们的页面，它是相同的代码）。 第二个问题当我点击并移动下拉菜单按钮时，css似乎应用于“显示”类“显示：块”，而在“btn组”类是“内联块”。我不明白为什么在我的html页面上，这会产生影响，而在bootstrap或w3schools上则没有变化。 最后一个…下拉列表不以列表形式显示项目。我在几个网站上看到我们可以用来解决这个问题，但我感到困惑，因为在文档中他们没有谈论这个问题。一定是我做错了什么

下面是一个带有我的问题的简化html页面

测试基站
输入/输出意外事件/输出TPsInj/输出选择
危险
切换下拉列表
分离式衰减
切换下拉列表

所以故障在于您同时使用了

bootstrap-3

的

css

和

bootstrap-4

的

js

。使用

bootstrap-3

或使用

bootstrap-4

。 下面是使用引导-4的解决方案：

测试基站
输入/输出意外事件/输出TPsInj/输出选择
危险
切换下拉列表
分离式衰减
切换下拉列表