复选框与引导程序对齐

Question

我有一个带有class =＆＃34; form-control＆＃34;的复选框，我注意到复选框位于表单控件边框的中心，如何左对齐它：

我的HTML代码是：

 <input type="checkbox" class="form-control" style="margin: 0px 0px 0 !important;" id="txtPEPFlag" name="txtPEPFlag" value="Y">

显示为（IE9）：

但我需要它看起来像这样：

Answer 1

 <input type="checkbox" class="form-control" style="margin-right:30px!important;;" id="txtPEPFlag" name="txtPEPFlag" value="Y">

Answer 2

当你给它表单控件类时，复选框不能正常工作，请点击此处：https://getbootstrap.com/docs/3.3/css/#forms
在示例中，他们将其放在复选框类div：

中

<div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
</div>

Answer 3

尝试使用bootstrap中的网格列