Bootstrap 复选框无法正常工作

Question

我正在使用以下标记和样式 (Bootstrap)。它显示了我的复选框，但它是瘫痪的，也就是说，它无法被选中。这是我的标记：我想要一些更像 Bootstrap 的东西。我知道还有其他选项可以使复选框看起来很花哨，但不能解决问题。

 <div class="form-group">
  <div class="checkbox">
    1.
    <input type="checkbox" name="options" id="chk2" />
    <label class="checkbox-label">Option 2</label>
  </div>
</div>

这是它的样子。

到底是什么问题？如果我将输入元素放在标签内，我会得到这个丑陋的东西：

原文由 Simple Fellow 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<input type="checkbox" name="options" id="chk2" />
<label class="checkbox-label">Option 2</label>

问题出在你的标签上。 for 属性必须与标签的 name 属性相匹配

原文由 broswilli 发布，翻译遵循 CC BY-SA 4.0 许可协议