Microsoft 在其新的 ASP.Net MVC 5 模板中使用了 Bootstrap。这真的很棒。然而,它使用它的 2.3.1 版本,并且 Bootstrap 家伙已经朝着 3 版本移动。我可以根据新版本轻松地重写整个视图和布局,但我想知道是否在某个地方,其他人已经做到了(也许微软的人很远?)。
4 回答
我知道规则(我真的很感激)是将代码放在这里而不是我的博客文章的链接,但是将它们放在这里只是太多的小更正。
我创建了一个 NuGet 包Bootstrap.MVC.EditorTemplates.Sample,其中包含一个基于 Bootstrap 3 的示例站点,以及一些额外的引导控件和文化感知验证。这适用于 VS 2013 RC MVC5 模板。
它使用 Twitter.Bootstrap.Less 包而不是普通的引导包,最好在将其安装到项目中之前从默认的 MVC 5 站点“卸载包引导”。
使 Bootstrap 3 在 ASP.NET-MVC 5 项目(或任何其他服务器端技术)上工作的主要思想是将适当的 css 和 js 文件放入项目中,并使布局文件使用这些文件。@Ghislain_Proulx的博客对此进行了很好的介绍。
然后你所要做的就是在你的视图中遵循 Bootstrap 3 的语法规则。一种方法是使用直接的 html 标记。另一个 - 使用自定义助手。@Maarten 有一个很酷的开源 EditorTemplates。但是,我建议使用TwitterBootstrapMVC,因为它提供了高度的灵活性。
免责声明:我是 TwitterBootstrapMVC 的作者,将其用于 Bootstrap 3 需要许可证。
现在 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 之前,接受的答案中引用的帖子将是要走的路。