1

我正在研究 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创建样式。

但是图标仍然没有生效。其他样式全部生效，只有图标有问题。任何人都可以提出任何建议。我完全坚持这一点。

谢谢问候

4

1 回答 1

1

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

@import "sprites.less";

这个less文件提供了类“icon”来使用这些图标。然后你可以这样使用它：

<i class="icon icon-file"></i>
于 2013-04-24T11:13:46.493 回答