web-dev-qa-db-ja.com

ASP.NET MVC5およびBootstrap 3

もう少し情報を求めてネットを探していましたが、多くを見つけることができませんでした。

そこで、VS 2013 RCがプリインストールされたbootstrap 2.3.1に新しいMVC5プロジェクトを作成しました。

すべてが魅力のように機能しますが、Bootstrap 3がリリースされたため（pre-compiled CSSではなくLESSバージョンを使用したい）、NuGetからbootstrap 2.3.1を削除し、Bootstrap LESSをインストールしました。

フォルダ構造が少し異なることは知っていますが、それに対応するためにBundleConfigを編集しました。すべてが正常にコンパイルされているようで、すべてのJSがありますが、Webページを表示しようとすると、混乱しているように見えます。

Bootstrap 3には完全に異なるHTMLテンプレートがありますか（つまり、_Layoutを変更する必要がありますか？）、または_Layoutに付属の2.3.1はv3でも機能する必要がありますか？

私の質問が明確であることを願っています。

asp.netasp.net-mvctwitter-bootstraptwitter-bootstrap-3asp.net-mvc-5
13
teh0wner

_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>
_
9
Olav Nybø

Bootstrap 3は状況を変え、今ではあちこちで異なるhtmlを必要とします。 ドキュメントページ を見ると、簡単に確認できます。

2
Dmitry Efimenko

覚えておくべきもう1つのこと。目立たない検証を使用している場合は、クライアント側の検証を機能させるためにパッケージを更新する必要があります。

pdate-Package Microsoft.Jquery.Unobtrusive.Validation

それ以外の場合、ページは検証のために投稿されます。

0
user1575089