在我的应用程序中,我具有所有字段都是动态生成的表格。 所有字段都在数据库中定义。 所有字段都是动态的,可能是文本框,单选按钮列表,复选框列表,矩阵等。 字段数从5到300不等。 我们希望显示的表单尽可能小。
我已将引导程序类col 6 / col 12应用于每个div。 但我想应用col 2-col 3来内联显示。
@foreach (var item in Model)
{
<div class="row">
<div class="col">
<div class="form-group">
<label class="control-label hidden">
<b>@Html.Raw(item.LableText)</b>
</label>
@switch (item.Type)
{
case 1: //Radio
@Html.Partial("../Templates/RadioButton", item)
break;
case 2: //Checkbox
@Html.Partial("../Templates/CheckBox", item)
break;
case 5: //Textbox
@Html.Partial("../Templates/String", item)
break;
case 6: //TextArea
@Html.Partial("../Templates/CheckBox/TextArea", item)
break;
}
</div>
</div>
</div>
}
此代码运行良好,但希望以某种方式应用引导程序类,以使表单更小且更具吸引力。