Настройка TwitterBootstrap с помощью ASP.NET MVC 4

Это то, что я сделал до сих пор:

1) создайте новый проект ASP.NET MVC 4 в VS2012.

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.

Ответы

Ответ 1

в вашем Доме /index.cshtml определены разделы, которые не находятся в макете начальной загрузки.

либо добавьте их в новый макет (см. Shared/_Layout.cshtml, как, вы ищете что-то названное featured), либо удалите их из index.cshtml.

Для домашней работы посмотрите, как определить разделы в ASP.MVC

Ответ 2

Возможно, слишком поздно для оригинального плаката, но я думаю, что лучшим решением является запуск проекта Empty 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.

Мне кажется, что это был оригинальный способ, которым должен был быть установлен образец кода.

Ответ 3

В _BootstrapLayout.basic.cshtml убедитесь, что у вас есть "featured" в @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>