42

だから私はASP.NETMVC4を初めて使用します(まあ、私は3を少し使用しました)。

とにかく、BundleConfig.csファイルで、TwitterBootstrapcssファイルと追加site.cssファイルを読み込もうとしています。

ただし、site.cssファイルのみがレンダリングされます。ブートストラップcssファイルが実際に正しい場所(コンテンツフォルダー)にあり、site.cssと同じ場所にあることを確認しました

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

編集

OK、これは私の好みの方法ではありませんが、AndreiDrynovは私が試すことをお勧めします:

@import url("bootstrap.min.css")
body{background: #e8e6da;padding-top:60px;padding-bottom:40px;}
@import url("bootstrap-responsive.min.css")

しかし、それはうまくいきません。site.cssを上記に変更しましたが、背景のボディカラーが機能しなくなりました。@importsを削除すると、背景が正しい色になります。

編集2

わかりませんが、次のように追加します。

bundles.IgnoreList.Clear();

私のバンドルファイルにそれを修正しました。うーん。わかりません。しかし、site.cssから@importsを削除することができました。

変。

4

4 に答える 4

87

デフォルトの動作では、IgnoreListは縮小されたスクリプトを無視します。

名前から「.min」を削除するか、IgnoreListをクリアすることができます。

于 2012-11-25T22:08:54.753 に答える
15

この長いスレッドで実用的な解決策を簡単に見つけることができない人を他の人に知らせるために、私はまったく同じ問題を抱えていて、実際の質問の下部にある編集で提案されたのと同じ方法で解決しました!

新しいプロジェクトMVC4Webアプリケーションを開始し、上記とまったく同じコードでブートストラップバンドルのルートを作成しました。

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

しかし、理由は不明ですが、読み込まれていませんでした。ついに私はあきらめてグーグルで検索し、このページを見つけました。

BundleConfig.csファイルの最初の行として以下を追加してみました。再コンパイルするとすべてが機能し始め、スタイルが正しく読み込まれるようになりました。

bundles.IgnoreList.Clear();

多分これは誰かを助けます。

于 2013-02-09T16:56:10.247 に答える
2

私は(例外として)Bootstrapにバンドルを使用していませんが、その縮小バージョンを使用しているので、これは私にとってはうまくいきます:

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="@Url.Content("~/Content/bootstrap.min.css")">
    <style>
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link rel="stylesheet" href="@Url.Content("~/Content/bootstrap-responsive.min.css")">
    @Styles.Render("~/Content/less")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>

インラインスタイルの部分は、トップNavBarのhttp://www.initializr.com/からのものです。不要な場合は、削除してください。

または、styles.cssファイルで同じことを行うことができます。

@import url('bootstrap.min.css');

body {
    padding-top: 60px;
    padding-bottom: 40px;
}

@import url('bootstrap-responsive.min.css');

You CSS Code below
于 2012-09-21T15:41:41.533 に答える
1

ポールが正しく述べたように、バンドルは自動的に「min」ファイルを無視するように設定されています。ただし、このルールをすべて無視することは悪い習慣です。より良い解決策として、 .minファイルを含まないこの回答Bundlerを参照してください(最初の回答と2番目の回答の両方を確認してください)。

于 2013-12-31T09:29:55.063 に答える