大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 通过Bower在bootstrap sass中包含font-awesome,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
最可能的解决方案是在我的应用程序的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>
以上是大佬教程为你收集整理的twitter-bootstrap – 通过Bower在bootstrap sass中包含font-awesome全部内容,希望文章能够帮你解决twitter-bootstrap – 通过Bower在bootstrap sass中包含font-awesome所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。