MVC ヘルパー CheckboxFor に問題が 1 つあります。生成された 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>
隠しフィールドが原因で、ラベルがチェックボックスと整列していないようです。助言がありますか?