changelog twitter-bootstrap-rails gemによると、 v.2.0.9 以降のfont awesomeがサポートされています。では、プロジェクトでこのサポートを有効にする方法は? デフォルトでは、Font Awesome アイコンは使用できません。
質問する
4976 次
4 に答える
3
twitter-bootstrap-railsでデフォルトでサポートされるようになりました。
次のように、HTML コードにアイコンを追加するだけです。
<i class="icon-refresh"></i>
その他のアイコンと例: http://fortawesome.github.com/Font-Awesome/
于 2012-07-26T11:04:08.663 に答える
2
twitter ブートストラップ css は LESS を使用するため、twitter-bootstrap-rails gem にはより多くの依存関係があります。プロジェクトで font-awesome をオンにするには、追加する必要があります
gem 'less-rails'
gem 'therubyracer'
:assetsあなたのGemfileのグループで。その後、プロジェクトで使用できます。
于 2012-10-26T11:43:28.473 に答える
1
GitHubプロジェクトのUsingFontAwesomewikiページを参照してください。これはv2.0.9リリースよりも新しいため、現在推奨されている方法だと思います。
于 2012-07-08T15:05:28.303 に答える
1
次のように、HTML コードにアイコンを追加できます。
<i class="icon-search"></i>
ただし、Rails link_to ヘルパーにアイコンを配置する場合は、ilink_to ヘルパー メソッドを使用します。以下の手順に従います。
1) Gemfile のアセット グループに gem を追加します: gem 'less-rails-fontawesome'
2) bundle install を実行します。
3) @import 'fontawesome';であることを確認してください。app/assets/stylesheetes/bootstrap_and_overrides.css.less でコメント解除されています。
4) *link_to* ヘルパーの代わりに *ilink_to* ヘルパーを使用します。
<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %>
Obs: icon-prefix を取り除いたアイコン名をリンク テキストの前に付けます。
これらの手順はこちら: https://github.com/wbzyl/less-rails-fontawesome
于 2013-02-10T18:46:24.207 に答える