在引导中包装EditorForModel字段

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对象构建所需的超文本标记语言结构

Answer 2

查看TwitterBootstrapMVC。它有很多你可能会发现有用的助手。

免责声明: BMVC对于Bootstrap 3不是免费的。我是BMVC的作者