2016-05-03 12 views
0

私はASP.NET MVCアプリケーションを持っていて、TelerikのUI for ASP.NET MVCのフレームワークはほとんどありません。
>アプリケーションが使用していますbootstrap 3.3.6
2> Telerikは、コントロール用のブートストラップスタイリングも提供しています。だから私はそれらのスタイルもバンドルしています。
3私は自分のsite.cssも持っていますので、いくつかのスタイルをオーバーライドすることができます。ブートストラップと剣道ブートストラップを使用したCSSスタイルシートの注文

はここ

public class BundleConfig 
    { 
     public static void RegisterBundles(BundleCollection bundles) 
     { 
      // jQuery, bootstrap and kendo JavaScripts are bundled here 



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

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

      // site CSS 
      bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/site.css")); 
     } 
    } 

これは私のBundleConfig.csですか

<html> 
     <head> 
      <meta charset="utf-8" /> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> 


      @Styles.Render("~/Content/kendo-bootstrap/css") 
      @Styles.Render("~/Content/bootstrap/css") 
      @Styles.Render("~/Content/css") 


      @Scripts.Render("~/bundles/jquery") 
      @Scripts.Render("~/bundles/kendo/2016.1.412") 
      @Scripts.Render("~/bundles/bootstrap") 
      @Scripts.Render("~/bundles/modernizr") 

     </head> 
     <body> 
     </body> 
    </html> 

は、我々は特定の順序でCSSを参照する必要がありますかlayout.cshtmlでそれらを参照するイム?推薦された注文は何ですか?

答えて

0

これはあなたのかみそり(CSHTML)ファイル内の順序になります:道のブートストラップは、剣道-UIライブラリによって設定されたスタイルを上書きしないことを

// Generic bootstrap css 
@Styles.Render("~/Content/bootstrap/css") 
// Css that kendo overwrites or extends based on bootstrap 
@Styles.Render("~/Content/kendo-bootstrap/css") 
// Your own css that can override the previous css files 
@Styles.Render("~/Content/css")