使用ASP.NET MVC 4设置TwitterBootstrap

时间:2013-01-14 21:33:33

标签: twitter-bootstrap asp.net-mvc-4

这是我到目前为止所做的:

1)在VS2012中创建新的ASP.NET MVC 4项目。

2)选择“互联网应用程序”模板(包括成员资格和实体框架)

3)测试它,它工作正常

4)使用包管理器,运行:

> Install-Package twitter.bootstrap.mvc4
> Install-Package twitter.bootstrap.mvc4.sample

5)在“_ViewStart.cshtml”中,更改

Layout = "~/Views/Shared/_Layout.cshtml" 

Layout = "~/Views/Shared/_BootstrapLayout.basic.cshtml"

不幸的是,当我现在运行它时,我收到以下错误:

The following sections have been defined but have not been rendered for the layout page "~/Views/Shared/_BootstrapLayout.basic.cshtml": "featured".

我是ASP.NET新手,我不确定发生了什么以及为什么会这样。有什么想法吗?

作为第二个问题,一旦我解决了这个问题,我该如何安装http://wrapbootstrap.com的模板?我似乎无法找到有关如何使用ASP.NET的任何说明。

3 个答案:

答案 0 :(得分:13)

在Home / index.cshtml中,定义的部分不在引导程序布局中。

将它们添加到新布局(请参阅Shared / _Layout.cshtml,了解如何,您正在寻找名为features的内容)或从index.cshtml中删除它们。

对于家庭作业,查找如何在ASP.MVC中定义部分

答案 1 :(得分:7)

对于原始海报来说,这可能为时已晚,但我认为更好的解决方案是从一个空的MVC 4项目开始。这样,您不必删除任何内容。

1) Start with an empty ASP.NET MVC 4 project.
2) Using the package manager, run:

    install-package twitter.bootstrap.mvc4
    install-package twitter.bootstrap.mvc4.sample

这在我的VS2012上构建并运行良好。

在我看来,这是示例代码的原始安装方式。

答案 2 :(得分:4)

_BootstrapLayout.basic.cshtml 中,验证您在@RenderSection中有“精选”字样:

<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="@Styles.Url("~/content/css")" rel="stylesheet"/>
    @RenderSection("featured", required: false)
    @Html.Partial("_html5shiv")
</head>