ASP.NET MVC4 Bundling with Twitter Bootstrap

by

The issue is most likely that the icons/images in the css files are using relative paths, so if your bundle doesn’t live in the same app relative path as your unbundled css files, they become broken links.

We have rebasing urls in css on our todo list, but for now, the easist thing to do is to have your bundle path look like the css directory so the relative urls just work, i.e: 

new StyleBundle("~/Static/Css/bootstrap/bundle")

Update: We have added support for this in the 1.1beta1 release, so to automatically rewrite the image urls, you can add a new ItemTransform which does this rebasing automatically.

bundles.Add(new StyleBundle("~/bundles/publiccss").Include(
            "~/Static/Css/bootstrap/bootstrap.css",
            "~/Static/Css/bootstrap/bootstrap-padding-top.css",
            "~/Static/Css/bootstrap/bootstrap-responsive.css",
            "~/Static/Css/bootstrap/docs.css", new CssRewriteUrlTransform()));

More Related Contents:

  1. ASP.NET Bundles how to disable minification
  2. EditorTemplate for DropDownList
  3. How to force BundleCollection to flush cached script bundles in MVC4
  4. Routing to a fixed URL in ASP.NET MVC
  5. Can the ViewBag name be the same as the Model property name in a DropDownList?
  6. How to make custom error pages work in ASP.NET MVC 4
  7. How to add “active” class to Html.ActionLink in ASP.NET MVC
  8. ASP.NET MVC how to disable automatic caching option?
  9. How to “warm-up” Entity Framework? When does it get “cold”?
  10. Could not load file or assembly ‘System.Net.Http, Version=2.0.0.0 in MVC4 Web API
  11. How do I render a partial form element using AJAX
  12. Is it possible to access MVC Views located in another project?
  13. mvc uppercase Model vs lowercase model
  14. ‘WebForm_DoPostBackWithOptions’ is undefined in IE11 Preview
  15. Context menu to Add Controller/View missing
  16. The type initializer for ‘System.Data.Entity.Internal.AppConfig’ threw an exception
  17. Windows Authentication for ASP.NET MVC 4 – how it works, how to test it
  18. How to return raw string with ApiController?
  19. The anti-forgery cookie token and form field token do not match in MVC 4
  20. What does the web.config compilation/assemblies element do?
  21. Deploying ASP.NET MVC4 App to GoDaddy Compiler issue
  22. Usage of the ASP.NET MVC4 jquery/javascript bundles
  23. {version} wildcard in MVC4 Bundle
  24. MVC4 – Bundling does not work when optimizations are set to true
  25. aspnet_compiler finding wrong version of System.Web.WebPages 1.0.0.0 instead of 2.0.0.0
  26. All requests to ASP.NET Web API return 404 error
  27. URL encoded colon resolves in 400 Bad Request
  28. When should I use # and = in ASP.NET controls?
  29. Slow first page load on asp.net site
  30. When should a web service not be used?

Leave a Comment