에 따르면 the changelogtwitter-bootstrap-rails
gem은 v.2.0.9부터 font awesome을 지원합니다. 프로젝트에서이 지원을 켜는 방법은 무엇입니까? 글꼴 멋진 아이콘은 기본적으로 사용할 수 없습니다.twitter-bootstrap-rails gem : font awesome support
답변
GitHub 프로젝트에서 Using Font Awesome wiki page을 참조하십시오. v2.0.9 릴리스보다 최근 버전이므로 현재 권장되는 방법이라고 생각합니다.
기본적으로 twitter-bootstrap-rails
에서 지원됩니다.
그냥 다음과 같이 HTML 코드에 아이콘을 추가 :
<i class="icon-refresh"></i>
더 많은 아이콘 여기 예 : http://fortawesome.github.com/Font-Awesome/
트위터 - 부트 스트랩 레일 보석 트위터 부트 스트랩 CSS를 사용하기 때문에 더 종속성이를 적게. 프로젝트에서에 글꼴 멋진 설정하기 위해 당신은 당신의 Gemfile의 :assets
그룹에
gem 'less-rails'
gem 'therubyracer'
를 추가해야합니다. 그런 다음 프로젝트에서 사용할 수 있습니다.
당신은 다음과 같이 HTML 코드에 아이콘을 추가 할 수 있습니다
<i class="icon-search"></i>
그러나 레일 LINK_TO 도우미의 장소 아이콘이 ilink_to 도우미 방법을 사용합니다.
1) Gemfile에 자산 그룹에 보석을 추가합니다 : 보석 '덜 레일 - fontawesome'
2) 번들 설치 실행 : 아래의 단계에 따라
3) 수 물론 @import 'fontawesome';은 app/assets/stylesheetes/bootstrap_and_overrides.css.less에서 주석 처리가 해제됩니다.
4) * link_to * helper 대신 * ilink_to * helper를 사용하십시오.
<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %>
것을 제외 : 당신이 도움을 https://github.com/wbzyl/less-rails-fontawesome
- 1. Awesome Nested Set에서 form_for 사용하기
- 2. Awesome WM에서 클라이언트가 죽었는지 확인하는 방법
- 3. MPlayer가 Awesome WM에서 float를 사용하지 못하도록 막습니다.
- 4. android support unicode?
- 5. libcurl resume support
- 6. HTML5 Doctype Support
- 7. hmac-sha256 support
- 8. Java ColorSpace Support
- 9. android.support support package
- 10. /Library/Application Support/
- 11. mysql utf-8 support
- 12. Opera IME support
- 13. JDOQL regex support
- 14. Netbeans groovy 1.8 support
- 15. phpscheduleit mssql support
- 16. jQuery .support() implementation
- 17. DB2 loginTimeout support
- 18. Wro4j LessCss Support
- 19. cloudfoundry Jboss support
- 20. Android - Hindi Conjuncts Support?
- 21. Spine.js IE6 Support
- 22. Wii MotionPlus support
- 23. Obfuscator & Tech Support
- 24. libcurl with ssl support
- 25. Android Multiscreen Support 문제
- 26. ADO.Entities fulltext support
- 27. Jruby Gem For Heroku
- 28. font-size/font-family는 효과가 없습니다.
- 29. @ font-face 및 font-variant 나쁜 아이디어?
- 30. font-face보다 font-weight가 작동하지 않습니까?
고마워 : 아이콘 이름이 지침은 여기에 있습니다
벗겨 아이콘 - 접두사와 링크 텍스트를 앞에는! – tiktak
이것을 사용하려면 _gemfile_에'gem 'less-rails'를 추가해야합니다. 아래 내 대답을 참조하십시오. –