Asp.net 使用了 bootstrap，发布时样式丢失了

最新推荐文章于 2026-06-14 16:58:53 发布

原创最新推荐文章于 2026-06-14 16:58:53 发布 · 574 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#asp.net #bootstrap #后端

收录于

本文介绍了如何在ASP.NET中防止CSS压缩后页面无法识别的问题，通过修改`Global.asax`和`BundleConfig`来禁用默认的脚本和样式文件压缩，确保`bootstrap.css`和`Site.css`的正常使用。

究其原因其实是css文件压缩了以后，页面不能识别了

其实一般只需要用到 bootstrap.css 和 site.css

修改 Global.asax

        void Application_Start(object sender, EventArgs e)
        {
             // 默认情况下，启用优化，将捆绑和最小化脚本和样式文件
             // 为了在发布时不压缩 CSS，应该在这里禁用它
             BundleTable.EnableOptimizations = false;

修改 BundleConfig.cs

    public class BundleConfig
    {
        // For more information on Bundling, visit https://go.microsoft.com/fwlink/?LinkID=303951
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new StyleBundle("~/Content").Include(
              "~/Content/bootstrap.css",
              "~/Content/Site.css"));

修改 Bundle.config

<?xml version="1.0" encoding="utf-8" ?>
<bundles version="1.0">
  <styleBundle path="~/Content/css">
    <include path="~/Content/bootstrap.css" />
    <include path="~/Content/Site.css" />
  </styleBundle>
</bundles>