How to align disabled item in cshtml page?

Question

Hi,

After I disable the "@Html.EditorFor" item in cshtml page I cannot align the item as shown below. How do I alaign the disabled item?

Here is my code;

 

<div class="form-group">

@Html.LabelFor(model => model.CustomerActive, htmlAttributes: new { @class = "control-label col-md-2" })

<div class="col-md-10">

<div class="checkbox">

@Html.EditorFor(model => model.CustomerActive, new { htmlAttributes = new { disabled = "disabled", @readonly =

"readonly", @class = "form-control" } })

@Html.ValidationMessageFor(model => model.CustomerActive, "", new { @class = "text-danger" })

</div>

</div>

</div>