0

私はbootstrap-sassとfont-awesome-sass-railsgemを使用しており、bootstrap-and-overrides.css.scssに追加することで、（グリフィコンから）重複するアイコンを正常に根絶しました。

[class^="icon-"] {
  background-image:none;
}

しかし、今はアイコンが少しずれているという問題があります。グリフィコンは以前は完璧でした。今私は見ています：

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

アイコンを1ピクセルまたは2ピクセル下に移動したいと思います。助けてください。ありがとう。

4

2 に答える 2

0

Font-Awesome IntegrationセクションにあるLESSの手順と同様に、Font-Awesome SASSをその上にロードするだけでなく、グリフアイコンのSASSを完全に削除する必要があります。そもそもそこにある必要のないCSSルールをオーバーライドすることによって、単に外観を保存しようとするアプローチは強くお勧めしません。

Railsは使用していませんが、大まかなアウトラインは次のようになると思います。

  1. bootstrap-sassリポジトリのコピーをチェックアウトします。

  2. _bootstrap.scssファイルを見つけます。

  3. をに置き換えます。ここで、font-awesome.scssが@import "bootstrap/sprites";含まれています。@import "your/path/to/font-awesome";your/path/to/

  4. bootstrap.scssを再コンパイルします（縮小することを忘れないでください！）。

于 2012-09-08T18:04:45.080 に答える
0

twitter-bootstrap-rails gem を使用しています。コメントアウトする必要がありました：

  @iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings.png");

bootstrap_and_overrides.css.less ファイルから

于 2012-09-29T17:47:40.977 に答える