CSS Handling in MVC

Question

Layout page in my MVC project displays the following code:

@Styles.Render("~/Content/css")

I also read that this will ask for the files defined in the RegisterBundles method (in the BundleConfig class in the App_Start folder to be precise).

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

But somehow my changes in Content/bootstrap.css won't go through. My MVC project only renders the Content/bootstrap.min.css, only changes in that file will change the styling of my MVC project. Can anyone explain me or direct me somewhere I can read about how changing CSS code in MVC works? Is it necessary to always change the bootstrap.min.css? I thought there must be some other way to change CSS code.

Have you tried refresh your browser cleaning the cache (with ctrl f5)? — Renan Araújo
– Renan Araújo, Commented Nov 19, 2015 at 14:14

Curtis · Accepted Answer · 2015-11-19 14:15:49Z

3

ASP.NET Bundling will use a min.css file if it exists as this is quicker for on-the-fly bundling as no dynamic minification is required.

Therefore either remove your .min.css file, or ensure this is updated whenever your .css file is.

answered Nov 19, 2015 at 14:15

Curtis

104k69 gold badges280 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Barrosy Over a year ago

Ah I think this is what is causing my question then. Thank you!

itzmebibin · Accepted Answer · 2016-01-07 09:11:06Z

1

You can add this line:

BundleTable.EnableOptimizations = false;

in the Application_Start() of your Global.asax.cs file. This will disable the automatic using of the minimized files.

You can see more about this from here.

edited Jan 7, 2016 at 9:11

itzmebibin

9,4479 gold badges52 silver badges63 bronze badges

answered Nov 19, 2015 at 14:19

SmartDev

2,8821 gold badge20 silver badges23 bronze badges

3 Comments

Renan Araújo Over a year ago

Here is a nice article too: asp.net/mvc/overview/performance/bundling-and-minification

Curtis Over a year ago

This will also remove minification in general, and bundling. BundleTable.EnableOptimizations = false should only really be used in dev, otherwise theres no point using BundleConfig at all.

SmartDev Over a year ago

@Curt Well, in dev mode this is enabled by default, since you can assume that compilation debug="true"

Collectives™ on Stack Overflow

CSS Handling in MVC

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related