Twitter bootstrap 减少CSS“;别名";使用自举+;字体真棒

Twitter bootstrap 减少CSS“;别名";使用自举+;字体真棒,twitter-bootstrap,less,font-awesome,Twitter Bootstrap,Less,Font Awesome,我的站点使用了引导程序+字体,我正在尝试在我的站点中创建一个“别名”。更少的文件: .icon-domain { .icon-fire; } .icon-group { .icon-tags; } 我这样做的原因是因为我的网站上有一个“域”实体,我可能会在将来更改图标,所以我不想直接使用HTML中的“fire”图标 图标组类对我的代码有效,但图标域不起作用。据我所知,这是因为font awesome在其代码中实际上有一个图标组类。根据我对lesscss的理解,我可以在另一个类中包含一个类,将

我的站点使用了
引导程序
+
字体
,我正在尝试在我的
站点中创建一个“别名”。更少的
文件:

.icon-domain { .icon-fire; }
.icon-group  { .icon-tags; }
我这样做的原因是因为我的网站上有一个“域”实体,我可能会在将来更改图标,所以我不想直接使用HTML中的“fire”图标

图标组
类对我的代码有效,但
图标域
不起作用。据我所知,这是因为font awesome在其代码中实际上有一个
图标组
类。根据我对
lesscss
的理解,我可以在另一个类中包含一个类,将它们组合成一个新类,但在这里根本不起作用

如果我在我的
网站上这样做,我可以让它工作。less

.icon-domain { &:before { content: "\f06d"; } }

但这并不理想,因为我必须自己定义内容,并且使用
.icon-domain{.icon-fire;&:before;}
是一个语法错误。是否有办法使其正常工作?

您需要包含足够的引导依赖项:

@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "bootstrap/sprites.less";

.icon-domain { .icon-fire; }
.icon-group  { .icon-tags; }

你需要导入字体可怕的CSS到你的LESS文件和


如果没有它,LESS将无法检测您试图使用的类。

我最初没有澄清,但我确实包含了所有引导依赖项。谢谢