单击表单 checking/unchecking 复选框上的任意位置

Question

这是一个模糊的问题，所以我不想问，但花了几个小时后，我没有任何线索，想依赖 SO 专家。

所以基本上在我的网站上 http://admire-laravel6.lorvent.in/generator_builder

如果我单击 "add field" 然后尝试单击新行的任何输入字段，例如字段名称， 它只有 checks/unchecks 最后一个复选框。

问题似乎是因为 icheck，它创建了一个宽度为 100% 的 ins 标签。

但是当我尝试 origin bootstrap 4 时，这个问题不存在。

真的不确定，是什么原因造成的。

任何建议将不胜感激。

谢谢。

Answer 1

它是 icheck，原因是 因为 100% 处于绝对位置，但没有相对父级 来控制它需要的位置：

尝试添加：

.icheckbox_square-blue {
    position: relative;
}

你会看到它会按照你想要的方式开始工作。