9

使用默认安装的 ASP.NET MVC 5 和更新的 Bootstrap 3,加载我的项目主页不会显示 CSS 样式或包含的字体字形图标(404 文件未找到错误)。

CSS 样式在 /Content/css 地址中收到 403“禁止查看文件夹内容”错误。

字体在 /fonts 文件夹中出现 404 错误。

为什么?

4

2 回答 2

14

当您将 Bootstrap 3 安装到 Content 文件夹中时,它包含如下文件夹结构:

~/Content/css/boostrap.min.css
~/Content/fonts/glyphincons-halflinkgs-regular.(eot|svg|ttf|woff)

403“Forbidden”错误,可能是因为默认的 CSS 捆绑路由“~/Content/css”与有效的文件夹名称匹配,而 MVC 无法解决路由和文件夹之间的冲突。

通过将路由重命名为与真实文件夹不匹配的内容(例如“~/Content/cssbundle”)来修复 403 。

当您更改包名称时,字体会出现 404“找不到文件”错误,因为从 CSS 文件到字体的相对路径不再有效。

通过将字体文件夹移动到项目的根目录来修复 404 。(我希望我在这里有更好的解决方案)

于 2013-08-22T18:31:28.647 回答
3

我也为此苦苦挣扎。

Twitter.Bootstrap nuget 包已从 3.0.1 => 3.0.1.1 更新。Twitter.Bootstrap 包现在只是 Bootstrap,并已移至 Outercurve 基金会管理。

Chris Kirby 通过删除 Content/Bootstrap 目录并将所有 boostrap.css 文件直接放在 Content 文件夹中来更改文件夹结构。他还将字体目录移到了站点的根目录中。

在这里查看更多;(http://chriskirby.net/bootstrap-nuget-package-moving-to-outercurve/

这解决了我遇到的问题并解决了我所有的字形字体问题。

于 2013-11-04T18:32:20.727 回答