在New MVC 5中使用Bootstrap 3 RC1

时间:2013-07-31 21:49:52

标签: asp.net-mvc asp.net-mvc-5

Microsoft在其新的ASP.Net MVC 5模板中使用了Bootstrap。真的很棒。但是它使用的是2.3.1版本,Bootstrap人员是moving towards the 3 version already。我可以轻松地根据新版本重写整个视图和布局,但我想知道是否某个地方,其他人已经完成了它(可能是微软人员的长镜头?)。

4 个答案:

答案 0 :(得分:5)

我知道规则(我真的很感激)是将代码放在这里,而不是链接到我的博客文章,但这只是太多的小修改,无法将它们放在这里。

http://www.ghislainproulx.net/Blog/2013/09/using-bootstrap-3-with-visual-studio-2013-aspnet-mvc-template

答案 1 :(得分:1)

我创建了一个NuGet包Bootstrap.MVC.EditorTemplates.Sample,其中包含一个基于Bootstrap 3的示例站点,以及一些额外的引导控件和文化感知验证。这适用于VS 2013 RC MVC5模板。

它使用Twitter.Bootstrap.Less包而不是普通的bootstrap包,最好在默认的MVC 5站点中“卸载 - 打包bootstrap”,然后再将其安装到项目中。

答案 2 :(得分:1)

使Bootstrap 3在ASP.NET-MVC 5项目(或任何其他服务器端技术)上工作的主要思想是将适当的css和js文件放入项目中,并使Layout文件使用这些文件。 这在blog by @Ghislain_Proulx中已经很好地介绍了。

然后,您只需遵循视图中Bootstrap 3的语法规则即可。 一种方法是使用直接的HTML标记。另一个 - 使用自定义助手。 @Maarten有一个很酷的开源编辑器模板。但是,我建议使用TwitterBootstrapMVC,因为它提供了高度的灵活性。


免责声明:我是TwitterBootstrapMVC的作者,将其用于Bootstrap 3需要许可证。

答案 3 :(得分:0)

现在Bootstrap 3最终版本已经发布,Visual Studio 2013 RC和ASP.NET MVC 5 RC也已经发布,它已经确认ASP.NET MVC 5的RTM将带有Bootstrap 3(即使它不在ASP中) .NET MVC 5 RC)。

在ASP.NET MVC 5 RTM / Visual Studio 2013 RTM之前,接受的答案中引用的the post将是wya。