0 
<i class="icon-search"></i>

上記の行をGoogleAppEngineに入れようとしました。どうやら、画像ファイルをapp.yamlファイルにリンクしていないため、機能しません。app.yamlファイルにはすでに次のコードが含まれています。

- url: /static/images/(.*\.(gif|ico|jpeg|jpg|png))
  static_files: static/images/\1
  upload: static/images/(.*\.(gif|ico|jpeg|jpg|png))

Twitter Bootstrapアイコンを使用するにはどうすればよいですか？

4

4 に答える 4

3

Bootstrap に付属している 2 つのスプライト イメージの場所を正しく指定するだけです。

LESS を使用している場合は、 で次の行を見つけますvariables.less。

@iconSpritePath:          "../img/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";

それらを次のように変更します。

@iconSpritePath:          "/static/images/glyphicons-halflings.png";
@iconWhiteSpritePath:     "/static/images/glyphicons-halflings-white.png";

これらのイメージがstatic/imagesディレクトリにある場合。

それ以外の場合は、Bootstrap の CSS バージョンを使用している場合は、これらの画像への参照を見つけて、正しいパスを入力してください。

background-image: url("../img/glyphicons-halflings.png"); 
...
background-image: url("../img/glyphicons-halflings-white.png");
于 2013-03-15T08:41:46.190 に答える
0

あなたのCSSは大丈夫ですか？これは私が使用しているものです

- url: /img/(.*\.(gif|png|jpg))
  static_files: static/img/\1
  upload: static/img/(.*\.(gif|png|jpg))

- url: /css
  static_dir: static/css

- url: /js
  mime_type: text/javascript
  static_dir: static/js

次に、これは機能するはずです

<i class="icon-search icon-white"></i>
于 2013-03-15T08:47:23.753 に答える
0

Lipis からの回答を機能させるには、もう 1 つの手順を追加する必要がありました。

私のbootstrap.cssファイルの2285行目は、もともと次のようになっていましたが、アイコンはまだ表示されませんでした。

background-image: url("../img/glyphicons-halflings.png");

次に、この相対パスを次のように絶対パスに変更すると、アイコンがすぐに表示されました!

background-image: url("http://www.mywebsite.com/img/glyphicons-halflings.png");

相対パスが正しく解決されなかった理由については、明日にします。その間、少なくとも絶対パスの解決策は私にとって (そしておそらく他の人にとって) うまくいきます。

上記のソリューションを提供してくれたLipisに感謝します。

于 2013-03-30T13:38:48.367 に答える