Asp.net mvc MVC LabelFor和checkbox用于在复选框顶部而不是旁边显示标签

我有以下代码。它所做的（必须是默认的）是将标签显示在复选框的顶部而不是旁边，这可以防止在出现错误的情况下在那里显示错误消息。如何在复选框旁边显示标签

<div class="row">
      @Html.LabelFor(model => model.Is13)
      @Html.CheckBoxFor(model => model.Is13)
      @Html.ValidationMessage("REGISTER_O")
</div>

应用显示：内联块；标签的css属性

<div class="row">
    @Html.LabelFor(model => model.Is13)
    @Html.CheckBoxFor(model => model.Is13)
    @Html.ValidationMessage("REGISTER_O")
</div>
<style type="text/css">
    .row label { display: inline-block; }
</style>

---

如果您使用的是引导，您可以这样做

<div class="checkbox">
    <label>
        @Html.CheckBoxFor(m => m.Is13) Is 13
        @Html.ValidationMessageFor(m => m.Is13)
    </label>
</div>

---

示例来源：

您也可以交换标签和复选框的顺序

<div class="row">
      @Html.CheckBoxFor(model => model.Is13)
      @Html.LabelFor(model => model.Is13)
      @Html.ValidationMessage("REGISTER_O")
</div>

---

这不是默认行为。显然，你的应用程序中有一些CSS会产生这种副作用，你需要找出是什么导致了这种副作用。使用您的浏览器开发工具F12找出CSS对它的影响。您是否使用引导？如果您使用的是ASP.NET的MVC5模板，答案可能是肯定的。您是否尝试过添加！对你的风格重要吗？这将覆盖指定选择器的任何其他“显示”样式，因此在执行此操作时应小心。

<div class="row">
      @Html.CheckBoxFor(model => model.Is13)
      @Html.LabelFor(model => model.Is13)
      @Html.ValidationMessage("REGISTER_O")
</div>