ASP.NET MVC 5 et Bootstrap 3

Été en regardant autour dans les filets d'un peu plus d'informations, mais ne pouvais pas trouver beaucoup.

J'ai donc créé un nouveau MVC 5 Projet dans VS 2013 RC qui est livré pré-installé avec bootstrap 2.3.1

Tout fonctionne comme un charme, mais depuis Bootstrap 3 est sorti (et moi de vouloir utiliser le LESS version et pas pre-compiled CSS) j'ai supprimé le bootstrap 2.3.1 de NuGet et installé Bootstrap LESS.

Je sais que le dossier de la structure est légèrement différente, mais j'ai édité mon BundleConfig pour accueillir. Tout semble compiler fine, tous les JS sont là, mais lorsque j'essaie d'afficher la page web, il semble foiré.

Ne Bootstrap 3 ont complètement différent HTML modèle (c'est à dire ce que je dois changer _Layout ?) ou si le _Layout qui est venu avec 2.3.1 travailler avec v3?

J'espère que ma question est claire.

source d'informationauteur teh0wner

  1. 9

    Il y a quelques différences entre Bootstrap 3 et Bootstrap 2.3.1.

    J'ai apporté quelques modifications à mon _Layout pour le rendre plus Bootstrap 3 sympathique.

        <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. 2

    Bootstrap 3 changé les choses autour et exige désormais que les différents html ici et là.
    Vous pouvez facilement vérifier en regardant leurs pages de documentation.

  3. 0

    Une autre chose à garder à l'esprit; si vous êtes à l'aide discrète de la validation, vous aurez besoin de mettre à jour le paquet pour obtenir la validation côté client de travail.

    Update-Package Microsoft.Jquery.Discrète.Validation

    Sinon, votre page pour valider.