使用引導程序和kendo-bootstrap對CSS樣式表排序

我有ASP.NET MVC應用程序，並且使用Telerik的UI爲ASP.NET MVC框架提供了很少的控件。
1>該應用程序使用bootstrap 3.3.6
2> Telerik還爲其控件提供引導樣式。所以我也捆綁了這些風格。
3>我也有我自己的site.css，所以我可以重寫一些樣式。使用引導程序和kendo-bootstrap對CSS樣式表排序

這裏是我的BundleConfig.cs

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")); 
     } 
    }

這是怎麼IM在layout.cshtml

<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引用它們？推薦順序是什麼？

來源

2016-05-03 LP13

這將是你的剃鬚刀（CSHTML）文件中的順序：

// 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")

方式引導不改寫由劍道的UI庫設置的樣式。

來源

2016-05-03 18:08:33 RoteS

使用引導程序和kendo-bootstrap對CSS樣式表排序

回答

相關問題