当资产通过亚马逊cdn服务时,twitter引导图标没有显示

时间:2013-04-23 13:00:06

标签: ruby-on-rails amazon-cloudfront twitter-bootstrap-rails

我正在研究RoR。使用twitter bootstarp进行我的网站前端设计。并计划使用亚马逊cdn作为资产主机。我将所有静态文件推送到亚马逊。我使用amazon-s3作为cdn起源。将精灵图像 glyphicons-halflings glyphicons-halflings-white 推入cdn并将其导入 bootstrap_and_overrides.css.less ,如

@iconSpritePath: asset-path("icons/glyphicons-halflings");
@iconWhiteSpritePath: asset-path("icons/glyphicons-halflings-white");

但它不起作用。然后我分别为每个图像创建了一个单独的 icon.css.less 创建的样式。

但图标仍未生效。所有其他样式都生效,图标只有一个问题。谁能提出任何建议。我完全坚持这个。

谢谢 问候

1 个答案:

答案 0 :(得分:1)

在你的bootstrap.less文件中确保你有这一行

@import "sprites.less";

这个较小的文件提供了使用图标的类“图标”。然后你可以这样使用它:

<i class="icon icon-file"></i>