0

ブートストラップ選択で選択ドロップダウンリストを実装しましたが、何らかの理由で奇妙なグリフィコンが意図せず表示され、レンダリングされず、その結果、このアプリ内の各ステーション名の後に四角として表示されます。

これがアプリです：http://radiant-taiga-9193.herokuapp.com/

以下は、各駅名の後にグリフィコンを表示する関連コードです。

<i class="glyphicon glyphicon-ok icon-ok check-mark"></i>

失敗した修正の試みは次のとおりです。

.glphicon, .glyphicon-ok, .icon-ok, .checkmark {
    visibility: hidden;
}

助言がありますか？

4

2 に答える 2

1

フォント ファイルが正しく読み込まれていません。フォントで 404 エラーが発生するため、コンソールを確認してください。

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.woff

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.ttf

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular
于 2014-08-17T15:04:32.453 に答える