Bootstrap 4 在bootstrap 4中,是否支持在标签中包装复选框?

Bootstrap 4 在bootstrap 4中,是否支持在标签中包装复选框?,bootstrap-4,Bootstrap 4,我需要使用包装方法来包装复选框,如下所示: 默认复选框 禁用复选框 但是,本文档仅介绍了兄弟姐妹方法: 默认复选框 禁用复选框 我知道Bootstrap4对某些类的兄弟关系(比如表单验证)有点挑剔 使用包装标签方法是否存在任何问题? 这对我来说似乎很好,但如果我可以避免的话,我不想在6个月后再去看它。如果它对你有效,那就好了。 但它不应该以这种方式工作 引导遵循语义清晰的标记。从这个角度来看,他们的文档提出了比您将要使用的更好的“模板”。在你之后的每一位开发人员都会对你的决定感到困惑,并

我需要使用
包装方法来包装复选框,如下所示:


默认复选框
禁用复选框
但是,本文档仅介绍了兄弟姐妹方法:


默认复选框
禁用复选框
我知道Bootstrap4对某些类的兄弟关系(比如表单验证)有点挑剔

使用包装标签方法是否存在任何问题?


这对我来说似乎很好,但如果我可以避免的话,我不想在6个月后再去看它。

如果它对你有效,那就好了。 但它不应该以这种方式工作

  • 引导遵循语义清晰的标记。从这个角度来看,他们的文档提出了比您将要使用的更好的“模板”。在你之后的每一位开发人员都会对你的决定感到困惑,并开始搜索deeeeeep

  • Bootstrap(特别是Bootstrap 4)js组件代码依赖于引导组件在其父级中的位置。这是一种抽象漏洞。我们应该尽量避免它,我们的主要方法是一如既往地学习框架的体系结构,走最安全的道路。要引用输入和标签,BS将使用选择器:查找父项
    。检查表单
    ,然后在内部搜索特定内容。在那里,我们可以预期引导选择器会因“cully”元素的位置而失败


  • 是的,这就是我问这个问题的原因。我不是一个仅仅因为它今天起作用就这样离开它的人。另一方面,包装方法将使我和我的团队的工作变得越来越简单。否则,我们需要找到一种方法来为组件的每个实例(angular)生成一个新的UUID或类似的东西。FWIW,我确实为angular中的每个复选框实现了一个伪唯一ID。下面是引导程序4的文档,请立即下载到T。