复选框与引导程序对齐答案

【问题标题】：Checkbox align with bootstrap复选框与引导程序对齐
【发布时间】：2018-06-17 11:34:07
【问题描述】：

我有一个带有 class="form-control" 的复选框，我注意到该复选框在 form-control 边框内居中，如何左对齐：

我的 HTML 代码是：

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

它显示为 (IE9)：

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

【问题讨论】：

【解决方案1】：

当你给它表单控制类时，复选框不能很好地工作，在这里检查：https://getbootstrap.com/docs/3.3/css/#forms
在示例中，他们将其放在复选框类 div 中：

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

【讨论】：

但我需要它与 Input (37px) 的高度相同，所以我需要一个大复选框
@ImadAbuHayyah 你可以这样做：stackoverflow.com/questions/13631537/…stackoverflow.com/questions/22743457/size-of-checkbox-bootstrap
在该链接中，它似乎不会在其他浏览器或平板电脑上调整大小，我需要它是动态的
可以试试这个：stackoverflow.com/questions/306924/checkbox-size-in-html-css

【解决方案2】：

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

【讨论】：

【解决方案3】：

尝试使用引导程序中的网格列

【讨论】：