Question

我有一个视图，其中表单填充了Html.EditorForModel。这会生成一个默认的HTML结构，如：

<div>
    <label for="something1">Title</label>
    <input type="text" name="something1" />
</div>
<div>
    <label for="something1">Title</label>
    <input type="text" name="something1" />
</div>

但我想将这些元素包装在Twitter Bootstrap表单字段中。所以它应该变成：

<div class="form-group">
    <label for="something1">Title</label>
    <div class="col-md-4">
        <input type="text" name="something1" />
    </div>
</div>
<div class="form-group">
    <label for="something2">Title</label>
    <div class="col-md-4">
        <input type="text" name="something2" />
    </div>
</div>

但是，当通过Html.EditorForModel生成元素时，我该怎么做？

Answer 1

您需要创建自己的扩展方法。

Html.BootStrapEditorForModel

然后使用TagBuilder对象构建所需的HTML结构

Answer 2

结帐TwitterBootstrapMVC。它有很多你可能会觉得有用的助手。

声明： BMVC不适用于Bootstrap 3。我是BMVC的作者

在bootstrap中包装EditorForModel字段

2 个答案: