2016-07-13 10 views
2

ドキュメントはありません、私はこのための良い解決策/ガイドStackoverflowで見つけることができなかったようです。プロジェクトにGlyphiconsフォルダを追加する方法と場所はどこですか?

プロジェクトにGlyphiconsフォルダを追加する方法と場所はどこですか?

マイアプリのフォルダ構造:

-quickstart-master 
    -app (*Here are my js anf html files*) 
    -node_modules 
     -bootstrap 
      -fonts 
    .... 
    -index.html 
+0

ごめんなさいあなたはBootstrapの[デフォルトのグリフコン](http://getbootstrap.com/components/#glyphicons)を意味します –

+0

どのアイコンを使用するかは気にしません。あなたはあなたの答えをポストバックし、代わりにこれを使用する方法を教えてもらえますか?混乱のために多くの感謝と私のソーリー! –

答えて

2

ブートストラップ配布ファイルは、あなたのjsとcssのフォルダと同じレベルにfontsフォルダにそれを置く暗示したよう:

| 
|--js_folder_name/bootstrap.js 
|--css_folder_name/bootstrap.css 
|--fonts/ <---- put all the glyphicons files here 
| 

あなたがパスを編集することができますbootstrap.cssでカスタムフォルダに変更したい場合:

@font-face { 
    font-family: 'Glyphicons Halflings'; 

    src: url('../fonts/glyphicons-halflings-regular.eot'); 
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 
関連する問題