CODEWITHSUNDEEP
cssasp.net-mvctwitter-bootstrapvisual-studio-2013
Duke Nuke
Duke Nuke

Reputation: 1935

Visual Studio 2013 does not update minified bootstrap.css

In my ASP .NET MVC 5.1 application in bootstrap.css file in section: 

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }

I changed width: 160px; to width: 260px; and margin-left: 180px; to margin-left: 280px;.

I saved, reloaded, later restarted Visual Studio. In my website in Chrome I checked loaded styles:

.dl-horizontal dt {
float: left;
width: 160px; //STILL 160px !
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}

so I checked bootstrap.min.css via Visual Studio and I saw that changes I've made to the bootstrap.css are were not applied to bootstrap.min.css so I applied them manually to minified file and Chrome loaded them correctly.

How to make VS2013 update this minified file?

EDIT: I must say that before VS2013(today) did update boostrap.min.css after making changes in boostrap.css. It just didn't do it after these changes.

using System.Web;
using System.Web.Optimization;

namespace WebApplication2 {
    public class BundleConfig {
        // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
        public static void RegisterBundles(BundleCollection bundles) {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/respond.js"));

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

            // Set EnableOptimizations to false for debugging. For more information,
            // visit http://go.microsoft.com/fwlink/?LinkId=301862
            BundleTable.EnableOptimizations = true;
        }
    }
}

Upvotes: 2

Views: 4311

Answers (1)

CubeRoot
CubeRoot

Reputation: 562

min files are updated after a rebuild. Force a rebuild to update the min.css files. I would be curious if you deleted the bootstrap.min.css and then rebuilt the project.

Upvotes: 1

Related Questions