复选框的复选标记在IE（6-Edge）中呈现出奇怪的效果，复选框放错了位置

Question

在我的IE复选框中，所有网页上的复选标记都很奇怪。现在我面临着一个错位的复选框问题，我不确定这两件事情是否必须互相帮助。请参阅下面的Chrome和IE中的相同页面（ASP MVC）。

IE：

铬：

*编辑，添加* html代码看起来非常正确，使用bootstrap 3：

<div class="form-group">
    <div class="checkbox">
        <input data-val="true" data-val-required="The Keep me signed in field is required." id="KeepMeSignedIn" name="KeepMeSignedIn" type="checkbox" value="true">
        <input name="KeepMeSignedIn" type="hidden" value="false">
        <label for="KeepMeSignedIn">Keep me signed in<span class="required" style="visibility:hidden;" aria-required="true">*</span> </label>
    </div>
</div>

Answer 1

是的，当使用默认的MVC模板进行登录时，我遇到了类似的放置问题（这似乎与bootstrap有点不协调）。我通过“记住我”复选框获得了奇怪的保证金/展示位置错误。

最后，我选择了这个：

iternext

最终使用bootstrap很好地渲染，因为标签包装了Checkbox。如此示例所示：

<div class="checkbox">
   <label>
      @Html.CheckBoxFor(m => m.RememberMe)
      @Html.DisplayNameFor(m => m.RememberMe)
   </label>
</div>