Javascript 引导3到引导4代码段更正

我在Rails+Sass+引导应用程序中使用了这段代码。

由于与bootstrap v不兼容，它最初根本不起作用。4所以我能够进行一些重构，让一些元素正常工作

唯一不能正常工作的就是隐藏复选框。我不得不从glyficons改为Fontsome，因为Bootstrap4不再支持glyficons。结构基本上是一样的，所以我不知道这里缺少什么

HTML

.button容器{margin:20px 0}
label.btn default.active{背景色：#007ba7；颜色：#FFF}
label.btn默认值{宽度：100%；边框：1px实心#efefef；边距：5px；框阴影：5px 8px 8px 0#ccc；}
label.bizcontent{width:100%；}
.btn组{宽度：90%；}
.btn i.fa{
不透明度：0；
}
.btn.active i.fa{
不透明度：1；
}
.btn默认值{
颜色：#333；
背景色：#fff；
边框颜色：#ccc；
}

咖啡

我能够修复我的复选框。我在

数据切换

和rails表单助手方面遇到了一些问题，但我也能够解决这些问题

下面是我的代码，以防有人遇到同样的问题

首先，我想说，引导实际上提供了我想要的所有功能。所以我甚至不需要使用从我发布的链接中得到的片段

label.btn-default.active{
背景色：#007ba7；
颜色：#FFF
}
label.btn-default{
宽度：100%；
边框：1px实心#EFEF；
保证金：5px；
盒影：5px 8px 8px 0#ccc；
背景色：rgba（0,0,0,0.03）；}
.btn组{宽度：90%；}
.btn i.fa{
不透明度：0；
}
.btn.active i.fa{
不透明度：1；
}
.btn默认值{
颜色：#333；
背景色：#fff；
边框颜色：#ccc；
}
.无支票箱{
显示：无；
}

-@questions.each_with_index do| question，i|
=f.简单字段：我的答案是|
=b.input:question\u id，input\u html:{value:question.id}，as:：hidden
.btn组{“数据切换”=>“按钮”}
%label.btn.btn-default
-#%input{name:“我的测验[我的答案][{i}][answer]”，键入：“hidden”，值：“0”}
%输入{class:“boolean optional checkboxless”，autocomplete:“off”，键入：“checkbox”，值：“1”，名称：“my_quick[my_answers_attributes][{i}][answer]”，id:“my_quick_my_answers_attributes”{i}{i}answer
%i、 fa.fa-check.pull-left
%h5
=问题。标题

不要在帖子中使用“编辑”名字。这是一个古老的论坛习惯，不适用于这里。