Показывать Lebel и CheckBox в одной строке внутри моего asp. net mvc основного веб-приложения

Question

У меня есть следующее внутри моего asp. net mvc веб-приложения: -

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

Результат: