我正在研究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 创建的样式。
但图标仍未生效。所有其他样式都生效,图标只有一个问题。谁能提出任何建议。我完全坚持这个。
谢谢 问候
答案 0 :(得分:1)
在你的bootstrap.less文件中确保你有这一行
@import "sprites.less";
这个较小的文件提供了使用图标的类“图标”。然后你可以这样使用它:
<i class="icon icon-file"></i>