ASP.NET MVC 5 и Bootstrap 3

Оглядываясь вокруг сетей, нужно немного больше информации, но не удалось найти много.

Итак, я создал новый проект MVC 5 в VS 2013 RC, который предварительно устанавливается с помощью bootstrap 2.3.1

Все работает как шарм, но поскольку Bootstrap 3 отсутствует (и мне нужно использовать версию LESS, а не pre-compiled CSS), я удалил bootstrap 2.3.1 из NuGet и установил Bootstrap LESS.

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

Имеет ли Bootstrap 3 совершенно другой шаблон HTML (т.е. мне нужно изменить _Layout?) или должен ли _Layout, который пришел с 2.3.1 работать с v3?

Надеюсь, мой вопрос ясен.

Ответ 1

Существуют некоторые различия между Bootstrap 3 и Bootstrap 2.3.1.

Я внес некоторые изменения в мой _Layout, чтобы сделать его более дружественным Bootstrap 3.

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex5-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        @Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })
    </div>

    <div class="collapse navbar-collapse navbar-ex5-collapse">
        <ul class="nav navbar-nav">
            <li>@Html.ActionLink("Home", "Index", "Home")</li>
            <li>@Html.ActionLink("About", "About", "Home")</li>
            <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")
    </div>
</nav>

Ответ 2

Bootstrap 3 изменил ситуацию и теперь требует разных html здесь и там. Вы можете легко подтвердить это, просмотрев страницы .

Ответ 3

Еще одна вещь, о которой нужно помнить; если вы используете ненавязчивую проверку, вам нужно будет обновить пакет, чтобы проверить работу на стороне клиента.

Обновление пакета Microsoft.Jquery.Unobtrusive.Validation

В противном случае ваша страница будет публиковаться для подтверждения.