2012-04-22 42 views
7

我使用Twitter的Bootstrap libraryBootswatch Cyborg theme。然而,Cyborg主題有一個黑暗的背景和淺色的前景色,從Bootstrap的默認設置看,它的效果是負面的。圖標集PNG呈現淺色背景,並不顯示在Cyborg主題中。是否有爲深色背景設置的相應圖標?我在Glyphicons'網站上找不到一個。是否有一個簡單的技巧將圖標變成負面顏色?如何讓Bootstrap圖標在黑暗的背景下工作?

回答

17

將圖標白色的類添加到引導程序圖標中,它將在黑暗中變白。

喜歡:

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

http://twitter.github.com/bootstrap/base-css.html

+0

哇看到這適用於引導2,我已經完全忽略了這一點。感謝您指出了這一點!看起來Bootstrap也帶有一個基於白色的圖標庫。 – 2012-04-22 21:31:56

+1

有沒有一個標準的方法來爲class =「close」圖標做同樣的事情? – NPC 2013-03-13 10:29:29

+0

假設你正在討論模態中的.close,並且仍在討論boostrap 2:.close中的x是一個字體符號,而不是一個圖標。您可以通過應用簡單的顏色來設置其顏色:css規則。 – guax 2014-04-17 14:41:46