0

こんにちは、モバイル/タブレットで text-hide クラスが機能しないという問題を抱えている人が他にいるかどうか疑問に思っています。その要素は、主に「色」および「フォントサイズ」属性の Boostrap 独自の CSS によってオーバーライドされるようです。カスタムCSSに入れて、より具体的なセレクター名を付けると、機能することがわかりました! この場合、「navbar-brand」に適用して、ロゴを背景画像として使用し、テキストを非表示にします。

.navbar-default .text-hide {
    color: transparent;
    border: 0px none;
    background-color: transparent;
    text-shadow: none;
    font: 0px/0 a;
}

組み込みの画像置換クラスがあるのは素晴らしいことですが、独自の CSS によってオーバーライドされるのは奇妙です。

ありがとう

4

1 に答える 1

0

!important; を入れてみてください。css のすべての行で、ブートストラップをオーバーライドするようにします。

サンプルコード:

 color: transparent !important;
于 2014-08-15T05:49:17.587 に答える