我试图使用新的捆绑功能在MVC 4与Twitter引导,它似乎在我喜欢的路径到glyphicons png文件int css get在某种程度上搞砸了。我的代码:
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")); bundles.Add(new ScriptBundle("~/bundles/publicjs").Include( "~/Static/Js/jquery-1.7.2.js","~/Static/Js/bootstrap/bootstrap.js","~/Static/Js/cookie/jquery.cookie.js"));
我没有看到任何图标按钮和类似。我在这里做错了吗?有什么建议么?
解决方法
问题很可能是css文件中的图标/图像正在使用相对路径,因此,如果您的软件包不与未分类的CSS文件存在于相同的应用程序相对路径中,它们将变为损坏的链接。
我们在我们的todo列表中有css中的rebase urls,但现在,easist要做的是使你的bundle路径看起来像css目录,所以相对urls只是工作,即:
new StyleBundle("~/Static/Css/bootstrap/bundle")
更新:我们已经在1.1beta1版本中添加了对此的支持,因此,为了自动重写图像url,您可以添加一个新的ItemTransform,它会自动进行rebase。
bundles.Add(new StyleBundle("~/bundles/publiccss").Include( "~/Static/Css/bootstrap/bootstrap.css","~/Static/Css/bootstrap/docs.css",new CssRewriteUrlTransform()));