1

Ruby on Rails 3.2アプリでは、Twitter Bootstrap-Sassv2.0.3とFontAwesomeの両方をGemsとしてインストールしています。

ブートストラップアイコンの色を変更したいので、「FontAwesome」を使用しています。

私の問題は、私のアイコンが互いに整列しているという点で完全にずれていることです。

ここに画像の説明を入力してください ここに画像の説明を入力してください

何が起こっているのかというと、元の黒いアイコンと新しいアイコンが別々の場所にレンダリングされているということです。

Font Awesomeには、「この巨大な新しいアイコンのセットはFont Awesome GitHubプロジェクトでリクエストされ、Bootstrap2.0.3と同等のアイコンが含まれています」と書かれています。

形が同じになるようにアイコンを揃えるにはどうすればよいですか？それでもフォントを使用して色を操作できますか？

4

1 に答える 1

3

これは私が以前同じ問題を管理した方法です。ネイティブのブートストラップアイコンは背景画像であり、Font Awesomeアイコンはテキストコンテンツであるため、次のようにブートストラップスタイル（たとえば、application.scss）を上書きします。

[class^="icon-"], [class*=" icon-"] {
  background-image: none;
}
于 2012-09-10T10:59:19.760 に答える