ASP.Net MVC Helper ломает фонд Zurb

Question

У меня есть одна проблема с помощником MVC CheckboxFor. Я обнаружил, что сгенерированный HTML-код создает скрытое поле, что нарушает стиль в фундаменте zurb.

Я использую этот помощник в представлении:

@Html.CheckBoxFor(model => model.Client.Contact.IsLocked)
@Html.LabelFor(model => model.Client.Contact.IsLocked)

И сгенерированный код это:

<input data-val="true" data-val-required="The Is Locked field is required." id="Client_IsLocked" name="Client.IsLocked" type="checkbox" value="true"><input name="Client.IsLocked" type="hidden" value="false">
<label or="Client_IsLocked">Is Locked</label>

Похоже, что скрытое поле вызывает то, что метка не выровнена с флажком. Какие-либо предложения?

Answer 1

Я нашел ответ на свой вопрос. Причина в том, что в селекторе css для флажка и метки у него нет селектора, включающего скрытое поле. Быстрое исправление, просто добавьте этот селектор в CSS-файл проекта:

input[type="checkbox"] + input[type="hidden"] + label,
    input[type="radio"] + input[type="hidden"] + label {
      display: inline-block !important;
    }