В моем приложении есть форма, в которой все поля генерируются динамически.Все поля определены в базе данных.Все поля являются динамическими: текстовое поле, список переключателей, список флажков, матрица и т. Д.Количество полей варьируется от 5 до 300. Мы хотим, чтобы форма была как можно меньше.
Я применил класс начальной загрузки col 6 / col 12 для каждого элемента div.Но я хочу применить столбец 2-столбец 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>
}
Этот код работает хорошо, но хочу применить классы начальной загрузки таким образом, чтобы сделать форму маленькой и привлекательной.