Html 同一水平行上的复选框

我希望在同一水平行上显示所有复选框，如前所述

到目前为止，我的尝试导致了垂直堆叠：

1.
2.
3（残疾）

---

将样式添加到所有div标记中<代码>

如果您正在使用引导（如屏幕截图所示），那么“表单检查内联”类应该可以工作。如果没有，则缺少一些引导样式

如果引导不是您正在使用的，您可以这样做：

.form-check {
  display: inline-block;
}

---

我已经更新了你的提琴：

你的div的类“formcheck inline”和类“formcheck”应该可以做到这一点。否则，将其设置为inline-block。添加该类后，我认为不需要内联样式。我使用的是bootstrap4。你的内联css工作得很好，但我很想知道为什么它不能作为引导表单检查内联标签的结果工作？请查看你的浏览器工具，如果有任何样式添加到表单检查内联，如果没有，可能你的css中缺少！？

.form-check {
  display: inline-block;
}