在我的 asp.net mvc 核心 web 应用程序内的同一行上显示 Lebel 和 CheckBox

Question

我的 asp.net mvc web 应用程序中有以下内容：-

 @Html.CheckBox("@Model.SubmissionQuestionSubmission[i].Answer", new { @class = "form-control" })  <label>@Model.SubmissionQuestion[i].Question</label>

目前复选框和 label 将显示在 2 个单独的行上，所以我可以强制它们显示在同一行上吗？

这是从上面生成的标记：-

<input class="form-control" id="zModel_SubmissionQuestionSubmission_i__Answer" name="@Model.SubmissionQuestionSubmission[i].Answer" type="checkbox" value="true">
<label>Are you currently participating ?</label>

Answer 1

根据您的描述，我建议您可以尝试使用bootstrap 的form-check而不是form-control 。

更多细节，您可以参考以下代码：

<div class="form-check">

    @Html.CheckBox("@Model.SubmissionQuestionSubmission[i].Answer", new { @class = "form-check-input" })  <label class="form-check-label">@Model.SubmissionQuestionSubmission[i].Question</label>

</div>

结果：