本地和在线环境中 Bootstrap 图标加载差异
在这种情况下,本地和在线加载 Bootstrap 图标之间的差异是由于不同的环境造成的正在使用的文件路径。在本地,浏览器尝试从“/Content/fonts/glyphicons-halflings-regular.woff”加载所需的字体文件,而在线时,它会在“/fonts/glyphicons-halflings-regular.woff”处搜索文件。 🎜>
此行为的根本原因在于 CSS 文件的捆绑过程。捆绑后,CSS 文件将合并为单个文件,从而更改相对路径引用。因此,在线部署时,应用程序期望在根文件夹而不是“Content”文件夹中找到字体文件。解决方案:
至要纠正此问题,请通过将适当的子文件夹名称附加到捆绑包名称来调整捆绑过程。例如:bundles.Add(new StyleBundle("~/Content/css/bootstrap").Include( "~/Content/css/bootstrap.css"));
以上是为什么 Bootstrap 图标在本地和在线加载不同?的详细内容。更多信息请关注PHP中文网其他相关文章!