根据the changelogtwitter-bootstrap-rails
宝石支持font awesome自v.2.0.9以来。那么如何在项目中打开这种支持?默认情况下,字体棒图标不适用于我。twitter-bootstrap-rails gem:字体真棒支持
1
A
回答
1
在他们的GitHub项目中查看Using Font Awesome wiki page。这是比v2.0.9更新的版本,所以我认为这是目前推荐的做法。
3
现在默认支持twitter-bootstrap-rails
。
只需添加图标到您的HTML代码,就像这样:
<i class="icon-refresh"></i>
更多的图标和例子在这里:http://fortawesome.github.com/Font-Awesome/
2
的Twitter的引导护栏宝石从此Twitter的引导CSS使用更多的依赖减。为了在项目中打开字体真棒你需要到:assets
组的的Gemfile中添加
gem 'less-rails'
gem 'therubyracer'
。 之后,你可以在你的项目中使用它。
1
您可以图标添加到您的HTML代码,就像这样:
<i class="icon-search"></i>
但是,如果你想在Rails中的link_to助手地方图标使用ilink_to的辅助方法。按照下面的步骤:
1)添加宝石到你的资产组在Gemfile中: 宝石 '少护栏-fontawesome'
2)运行捆绑安装:
3)要确定@import'fontawesome';在app/assets/stylesheetes/bootstrap_and_overrides.css.less中取消注释。
4)使用* ilink_to * helper而不是* link_to * helper。
<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %>
观测数据:前面加图标名称剥下icon-前缀
这些指令是这里的链接文字:https://github.com/wbzyl/less-rails-fontawesome
相关问题
- 1. 禁用字体支付提交按钮与字体真棒
- 2. 使用字体真棒CDN
- 3. 字体真棒4菜单
- 4. 字体真棒图标
- 5. 字体真棒使用Rails
- 6. 字体真棒和统一
- 7. 字体真棒NuGet包3.2.1
- 8. 字体真棒不对齐
- 9. 字体真棒4.0.0坏了
- 10. 字体真棒在HR
- 11. 字体真棒和i3bar
- 12. 字体真棒和javascript
- 13. 字体真棒造型
- 14. 替代字体真棒?
- 15. 字体 - 真棒在IE8
- 16. 在添加字体真棒
- 17. 字体真棒ie9 https
- 18. 居中字体 - 真棒stackedicons
- 19. Metro UI CSS字体真棒
- 20. jqGrid:字体真棒图标
- 21. webpack使用字体真棒
- 22. 扩展字体真棒
- 23. 字体真棒不工作
- 24. 在窗体中使用字体真棒
- 25. 使用斜体和字体真棒
- 26. 字体真棒图标与文字不
- 27. 字体真棒使用字型
- 28. 文字渐变字体真棒
- 29. 使用数字与字体真棒
- 30. 字体真棒和Unicode字符物化
非常感谢您的帮助! – tiktak 2012-07-08 15:07:30
为了使用它,您需要将'gem'less-rails''添加到_Gemfile_。请参阅下面的答案。 – 2012-10-26 11:44:20