web-dev-qa-db-ja.com

bundleconfigでbootstrapを追加してもasp.net mvcで機能しない

私の視点では奇妙な問題に出会いました。

bootstrap= nugetパッケージコンソール経由でインストールしました。

その後、BundleConfig.csファイル、2つの項目をbundlesリストに追加しました。

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/Scripts/bootstrap.min.js"));

bundles.Add(new StyleBundle("~/Content/bootstrap").Include(
                     "~/Content/bootstrap.min.css", 
                     "~/Content/bootstrap-theme.min.css"));

もちろん、これらのファイルはローカルに存在します。

_Layout.cshtmlファイルに含まれるもの

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Styles.Render("~/Content/bootstrap")

</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

しかし、ビュー（ログインページなど）を見ると、バンドルにbootstrap part。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
    <link href="/Content/Site.css" rel="stylesheet"/>
    <script src="/Scripts/modernizr-2.6.2.js"></script>    
    <!-- I expect bootstrap here but it is not displayed -->
</head>
<body>

...

<script src="/Scripts/jquery-1.9.1.js"></script>
<!-- I expect bootstrap here but it is not displayed -->
</body>
</html>
c#asp.net-mvctwitter-bootstrapasp.net-mvc-4
31
Snake Eyes

バンドルを使用する場合は、.minを追加しないでください

bundles.Add(new StyleBundle("~/Content/bootstrap").Include(
    "~/Content/bootstrap.css", 
    "~/Content/bootstrap-theme.css"));

デバッグ設定に基づきます（ほとんどがweb.config）

  • debug="true"-縮小されていないバージョンが使用されます。
  • debug="false"-*.min.cssが検索され、見つからない場合は現在が縮小されます

web.config設定：

<system.web>
  <compilation debug="true"...
66
Radim Köhler