Html 边距CSS不影响复选框元素

嘿，伙计们，我有点困惑，为什么我应用于我的

复选框的
边距
CSS
元素不起作用。下面是我的代码示例：

HTML:

知道我做错了什么吗？这是小提琴：
试试这个

input.float-checkbox{
    float:left;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

在标签上的空白处。。。CSS可以在复选框和其他表单元素上表现得有点滑稽

label { margin-left: 10px; }

您需要在课程开始时添加
输入
默认情况下，复选框使用bootstraps.css margin。要覆盖此选项，请使用更具体的css选择器。使用下面的css

input[type=checkbox].float-checkbox{
  float:left;
  margin: 10px 10px 0 0;
 cursor: pointer;
}

在设置复选框样式时，bootstrap.css看起来更具体一些

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

而且它凌驾于你的之上
 它不起作用的原因是您的CSS被引导CSS覆盖。这意味着你必须推翻他们的CSS。您可以通过多种方式来实现这一点

1） 在CSS前面添加元素类型：
input.float复选框

2） 在CSS前面添加另一个类：
.panel.float checkbox
，这样您就可以使用
输入[type=checkbox]来调整类。float checkbox
可以覆盖它们的类。@jRulle，您在这里看到引导的地方？给那些随意浏览和接受版本的人的信息，停止这样做。
input[type=checkbox].float-checkbox{
  float:left;
  margin: 10px 10px 0 0;
 cursor: pointer;
}

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}