twitter-bootstrap – 通过Bower在bootstrap sass中包含font-awe

发布时间：2020-12-18 00:28:57 所属栏目：安全来源：网络整理

导读：我已经使用bower安装了bootstrap-sass-official和font-awesome.我已经尝试了所有可能的组合,使用scss在bootstrap中包含fontawesome. 最可能的解决方案是在我的应用程序的main.scss文件中指定以下内容： $fa-font-path: "../bower_components/font-awesome/fo

我已经使用bower安装了bootstrap-sass-official和font-awesome.我已经尝试了所有可能的组合,使用scss在bootstrap中包含fontawesome.

最可能的解决方案是在我的应用程序的main.scss文件中指定以下内容：

$fa-font-path: "../bower_components/font-awesome/fonts";
@import "font-awesome/scss/font-awesome";
@import '../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss';

并注释掉@import“bootstrap / glyphicons”;在主bootstrap.scss文件中.

如果我在http：// localhost：9000 /(我正在使用默认的yeoman webapp中的gruntfile)启动我的grunt服务器,我可以看到我的应用正在运行.

我可以看到我的main.css文件包含所有fontawesome类,并在其中看到字体位置的引用URL(../bower_components/font-awesome/fonts/fontawesome-webfont.eot).

一切似乎都没问题,但每当我使用FontAwesome图标时,例如< span class =“fa-star”>< / span>我得到一个空的方框而不是图标.我错过了一些我看不到的东西……

解决方法

<span class="fa-star"></span>

它什么都不做.

为了使用Font awesome,你需要在’fa’前面加上类：

<span class="fa fa-star"></span>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!