首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用于Visual Studio2012的Bootstrap MVC4搭建

用于Visual Studio2012的Bootstrap MVC4搭建
EN

Stack Overflow用户
提问于 2013-02-26 05:14:27
回答 1查看 21.5K关注 0票数 23

我正在Visual Studio2012中开发一个ASP.NET MVC4应用程序。我也在使用twitter bootstrap。

每当我生成一个新的控制器时,VS2012都会自动为我生成默认的CRUD页面,这很好。

但是,我已经厌倦了修改页面,以便按照bootstrap所需的方式布局DIVs。

有没有VS2012插件可以帮助生成bootstrap期望的视图?

这是一个由VS2012生成的示例div。

代码语言:javascript
复制
<div class="editor-label">
    @Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Name)
    @Html.ValidationMessageFor(model => model.Name)
</div>

。。我将手动将其更改为...

代码语言:javascript
复制
<div class="editor-label control-group">
    @Html.LabelFor(model => model.Name, new { @class = "control-label" })
    <div class="editor-field controls">
        @Html.EditorFor( model => model.Name, "CustomTemplate", 
                                     new { @class = "input-xlarge" })
        @Html.ValidationMessageFor(model => model.Name)
    </div>
</div>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-26 05:26:24

ASP.NET MVC使用T4 templates通过“添加视图”和“添加控制器”对话框构建视图(以及控制器)。

你可以很容易地用你的自定义Bootsrtap标记定制这些模板。

您只需从复制CodeTemplates目录(根据安装的OS、VS和ASP.NET MVC版本,路径在您的机器上可能会有所不同)

代码语言:javascript
复制
c:\Program Files (x86)\
    Microsoft Visual Studio 10.0\Common7\IDE\ItemTemplates\CSharp\Web\MVC 4

在您的MVC项目中的CodeTemplates目录下,它们已经准备好进行定制。

下面是关于这个过程的一步一步的指南:Modifying the default code generation/scaffolding templates in ASP.NET MVC

如果您想进一步搭建脚手架,我建议您查看MVC.Scaffolding项目,该项目具有比内置项目更多的功能。

或者,因为您正在寻找针对Bootstrap的定制,您可以查看twitter.bootstrap.mvc项目(intro blog post)

它的一些features

  • 运行时搭建-默认索引、编辑和详细信息视图。您提供You,我们将呈现CRUD视图。
  • mvc代码模板从mvc添加视图/添加控制器对话框生成新视图

自定义MVC代码模板(仍在开发中)可在单独的nuget包中获得:

代码语言:javascript
复制
PM> Install-Package twitter.bootstrap.mvc4.templates
票数 26
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15076612

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档