2016-11-11 94 views
0

我下載通過NuGet包經理bootstrap.min.css到我在Visual Studio項目和glyphicons不工作(但所有其他的引導職能的工作......)我引用它的頁面佈局:
。 它不起作用。 當我寫這個工作,但只有當我有互聯網接入: 什麼可能是圖形不顯示和所有其他引導程序功能的工作問題?即使我沒有連接到互聯網,我也希望能夠在我的項目上工作。 我是新來的所有這一切,我真的很感謝一些幫助。引導glyphicons不工作

+1

你包括CDN你的CSS?你有沒有包含字體文件夾?你能檢查@圖標字體路徑是否正確設置? –

+0

你能告訴我如何和在哪裏檢查?我對這一切都很陌生。字體文件夾在哪裏? –

+0

檢查@ kronos99回答 –

回答

1

包括所有的字體了必需的引導文件。

演示:http://jsfiddle.net/rfehs6bg/16/

<p> 
    Hello, world!!! 
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 
</p> 
+0

怎麼做呢?你能詳細向我解釋在哪裏檢查?我是新來的。謝謝!! –

+0

包括此引導文件 「<鏈接的rel =」 樣式的 「href = 」https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css「>」 也可以下載並與本地網址鏈接。 爲「http://getbootstrap.com/components/」的圖標複製和粘貼類名,你需要去。 –

0

保持引導的提取的文件夾在一個地方,並確保你有2個文件夾 - CSS和字體裏面。圖標位於字體文件夾內。 之後,只需要像導入css.min一樣進行操作即可。

1

不工作「Glyphicon」的主要原因:

  1. 如果你是從引導字體免費使用即。

然後寫是<i class="glyphicon glyphicon-arrow-down"></i>

沒有 「S」。

  • 如果您使用支付glyphon圖標,然後用 「S」

    glyphicons glyphicons書

  • 希望這將有助於您使用它!