0

Twitter Bootstrap v2 から v3 に移行しています。v2 では、CSS で定義された 12 個ほどのカスタム アイコンがありました。

.icon-pc {
    background-image: url("pc.png");
    background-position: center center;
}

Twitter Bootstrap v3 では Glyphicons を使用するようになったことは知っていますが、これは私が使用する現実的なアプローチではありません。私のアイコンは多色の PNG ファイルであり、フォントとしてうまく機能しないからです...

古い v2 のアイコンのように v3 でこれらの作業を行う簡単な方法はありますか?

4

1 に答える 1

1

sprites.less で生成された css からこのブロックをコピーすると、魅力的に機能しました。

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

今、私の古き良き<i class="icon-custom"></i>作品はうまくいきます。

于 2013-10-17T20:09:37.870 に答える