如何将引导程序类应用于动态生成表单?

时间:2019-06-20 13:16:54

标签: c# asp.net-mvc responsive-design bootstrap-4

在我的应用程序中,我具有所有字段都是动态生成的表格。 所有字段都在数据库中定义。 所有字段都是动态的,可能是文本框,单选按钮列表,复选框列表,矩阵等。 字段数从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>
    }

此代码运行良好,但希望以某种方式应用引导程序类,以使表单更小且更具吸引力。

0 个答案:

没有答案