[Solved] ASP.NET (MVC) bundles breaks kendo.common-bootstrap - kendo.bootstrap theme

[Alberto]

Hi team

Anyone knows why mvc bundles breaks the kendo css?

this is my bundle in a brand new mvc project, doing this give the result find on 1.png which is the expected

           

bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));

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

bundles.Add(new StyleBundle("~/Content/css").Include(
          "~/content/kendo/2016.1.112/kendo.common-bootstrap.min.css",
          "~/content/kendo/2016.1.112/kendo.bootstrap.min.css",
          "~/Content/site.css"
          ));

 

 However if I force the bundling using BundleTable.EnableOptimizations = true; I get the results on attachments 2 which does not render properly

 

Regards

 

 

 

 

 

 

[Dimo]

Hi Alberto,

Does this happen in all browsers or just IE? When combining CSS files, you may hit IE's known limitations.

http://docs.telerik.com/kendo-ui/aspnet-mvc/fundamentals#css-bundling

Regards,
Dimo
Telerik

 

 

[Alberto]

Hi Dimo

My bundle just using "kendo.common-bootstrap.min.css" and "kendo.bootstrap.min.css" is 304.50 kb and this is minified, so the problem is that your theme it is just too big.

/bundles/Kendo?v=X4xBwt5DXtR0mufVvb5UOin5Ju_SN-DIzWlmOGQrjUk1    GET    200    text/css    304.50 KB    32 ms  

[Dimo]

Hello Alberto,

The Kendo UI CSS files currently contain styles for all web/mobile widgets, but we will split them later in 2016. In the meantime, we recommend not adding them to bundles to ensure old IE browser support.

Regards,
Dimo
Telerik