相关疑难解决方法(0)

ASP.NET MVC4捆绑Twitter Bootstrap

我正在尝试使用Twitter引导程序在MVC 4中使用新的捆绑功能,在我看来,像css的字形png文件的路径以某种方式搞砸了.继承我的代码:

 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"));
Run Code Online (Sandbox Code Playgroud)

我没有在按钮上看到任何图标,同样如此.我在这里做错了吗?有什么建议?

asp.net asp.net-mvc-4 twitter-bootstrap bundling-and-minification asp.net-optimization

37
推荐指数
3
解决办法
2万
查看次数

Bootstrap图标未显示在已发布的ASP.NET MVC应用程序中

---注意:转到EDITED 2部分进行总结----

我有一个ASP.NT MVC(4)应用程序.我集成了(twitter)Bootstrap.Bootstrap工作正常,但是当我发布应用程序时,图标无法正确显示.

我试图重新发布应用程序但没有成功.

为了澄清我在下面放了一些图片.

当我从VS2013运行我的应用程序时,结果就是这样(这没关系):

本地图标

在展台,IE和Chrome.

但是当我运行已发布的应用程序时,结果是这样的(这不是正常的):

  • 铬

发布Chrome

  • IE(10)

发布IE

不知何故,这个问题与评估的CSS有关,但我不知道这可能发生在哪一点.

本地应用程序中评估的css是这样的(可以):

  • 铬

本地CSS Chrome

  • IE

本地CSS IE

但在已发布的应用程序中我有这个(这不是正常的):

  • 铬:

发布CSS Chrome

  • IE:

Publisehd CSS IE

有些人经历过这种行为吗?

我能做些什么来解决这个奇怪的问题?

--------------------------- EDITED ---------------------- --------

我得到(字体文件.eot,.svg,.ttf和.woff)要发布我的应用程序时包括在内.当我访问默认页面(应用程序根目录http://localhost/)时,这是显示图标的页面,Chrome的"开发者工具网络"选项卡中显示的文件是:

网络选项卡

在包含文件之前,我收到文件的404错误,所以我猜他们会继续被请求,即使它们没有显示在网络选项卡中.

但是,图标显示不正确.

------------------------ EDITED 2 ------------------------ ---

好吧,我在IIS 7中重新启动我的站点.请求开始被触发.这些是Chrome开发者工具网络标签中显示的文件请求:

新请求的文件

然后resquest正在寻找文件:/Content/themes/fonts/但它们在:/Content/themes/base/fonts/

该base文件夹包含一个包含bootstrap文件的bootstrap.css文件夹.在CSS文件中有这个类参考字体文件:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
Run Code Online (Sandbox Code Playgroud)

似乎对字体文件的引用很好,因为文件树是这样的:

文件树

我可以将课程改为:

@font-face {
      font-family: 'Glyphicons Halflings';
      src: …
Run Code Online (Sandbox Code Playgroud)

css asp.net-mvc less asp.net-mvc-4 twitter-bootstrap

29
推荐指数
3
解决办法
5万
查看次数

Glyphicons在开发中表现良好,但在IIS中托管则不然

我可以在开发期间查看我的图标,但是在使用visual studio的构建部署包创建部署包并将其托管在我的本地(同一台PC)IIS7.5服务器上之后,图标不会显示.我刚给他们所有人一个空白框

我检查了路径,图像在那里.

我用Google搜索,发现有人遇到了同样的问题,但是他正在使用apache托管他的网络项目,所以他所做的就是将他所有的文件和文件夹chmod到777.

我在IIS7.5中做了同样的事情,我授予了我的文件夹读/写权限,但它们仍然没有出现.我是通过处理程序映射>内容视图>编辑权限完成的.我为所有用户提供了具有glyphicons.png完全控制权的文件夹,以确保无误.

仍然没有出现.还有什么可以检查的?

.net iis asp.net-mvc file-permissions glyphicons

5
推荐指数
1
解决办法
9965
查看次数

无法显示字体真棒图标?

我刚刚开始在已经有Bootstrap的MVC应用程序中使用Font Awesome.我需要使用一些图标,我已经复制font-awesome.css到我的项目中,但图标不可见.我只提到了这个css,不确定但是想问一下是否还有其他一些文件要包括在内?

以下是我在页面中的显示方式: 在此输入图像描述

刚刚在Firebug中检查并在css面板中显示如下: 在此输入图像描述

请指导我如何解决它.

感谢您的帮助和指导

asp.net-mvc twitter-bootstrap font-awesome font-awesome-3.2 font-awesome-4

4
推荐指数
1
解决办法
1万
查看次数