Twitter bootstrap 3 使用ASP.NET MVC 5和Bootstrap 3默认安装,为什么样式会出现403错误,字体会出现404错误?

Twitter bootstrap 3 使用ASP.NET MVC 5和Bootstrap 3默认安装,为什么样式会出现403错误,字体会出现404错误?,twitter-bootstrap-3,asp.net-mvc-5,Twitter Bootstrap 3,Asp.net Mvc 5,在默认安装ASP.NET MVC 5和更新的Bootstrap 3的情况下,加载我的项目主页不会显示CSS样式或包含的字体图标(404文件未找到错误) CSS样式在/Content/CSS地址中出现403“禁止查看文件夹内容”错误 字体在/fonts文件夹中出现404错误 为什么?将Bootstrap 3安装到内容文件夹时,它包含如下文件夹结构: ~/Content/css/boostrap.min.css ~/Content/fonts/glyphincons-halflinkgs-regul

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

CSS样式在/Content/CSS地址中出现403“禁止查看文件夹内容”错误

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


为什么?

将Bootstrap 3安装到内容文件夹时,它包含如下文件夹结构:

~/Content/css/boostrap.min.css
~/Content/fonts/glyphincons-halflinkgs-regular.(eot|svg|ttf|woff)
403“禁止”错误可能是因为默认CSS包路由“~/Content/CSS”与有效的文件夹名称匹配,MVC无法解决路由和文件夹之间的冲突

通过将路由重命名为与实际文件夹不匹配的路径,如“~/Content/cssbundle”,修复403

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


将字体文件夹移动到项目根目录,修复404。(我希望这里有更好的解决办法)

我也在痛苦地挣扎着

Twitter.Bootstrap nuget包已经从3.0.1=>3.0.1.1更新。 推特包现在只是引导程序,已经被移动到OutTrror基金会管理。 Chris Kirby通过删除Content/Bootstrap目录并将所有boostrap.css文件直接放在Content文件夹中,改变了文件夹结构。他还将字体目录移到了网站的根目录中

在这里看到更多;()


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

(注意:我以问答形式在共享知识的SO社区租户下发布了我自己的答案。如果您可以改进我的答案,请这样做。这是为了帮助我们所有人。)还请注意,IIS 7默认情况下不会为.woff文件添加MIME类型映射。这里有一个链接来设置:很好的解释。按照您的指示一步一步地操作,它就像一个符咒。有没有办法绕过它而不干扰iis?我发现我还必须使用此修复程序来修复
woff2
文件类型(解决方案2&将
2
添加到所有扩展的末尾):很好的后续操作!这是有用的信息。我相信当时我是直接从Bootstrap项目使用源代码的,但这可能是一个很好的替代方法。