2012-04-22 24 views
7

Ich verwende die Bootswatch Cyborg theme von Twitter Bootstrap library. Das Cyborg-Thema hat jedoch einen dunklen Hintergrund und helle Vordergrundfarben, ein negatives Aussehen aus den Bootstrap-Standardeinstellungen. Das Icon-Set PNG nimmt einen hellen Hintergrund an und wird im Cyborg-Theme nicht angezeigt. Gibt es ein entsprechendes Icon für dunkle Hintergründe? Ich konnte einen unter Glyphicons 'Website nicht finden. Gibt es einen einfachen Trick, um die Symbole in die negative Farbe zu verwandeln?Wie kann ich Bootstrap-Icons auf dunklem Hintergrund arbeiten lassen?

Antwort

17

Fügen Sie dem Bootstrap-Symbol eine Symbol-Weiß-Klasse hinzu, die bei Dunkelheit weiß ist.

mag:

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

Diese für Bootstrap 2 in http://twitter.github.com/bootstrap/base-css.html

+0

Wow, wie gesehen funktioniert, hatte ich übersehen völlig, dass. Danke, dass du das unterstrichen hast! Sieht so aus, als ob Bootstrap mit einer weiß-basierten Icon-Galerie ausgeliefert wird. –

+1

Gibt es eine Standardmethode, um das gleiche für das class = "close" -Symbol zu tun? – NPC

+0

Angenommen, Sie sprechen über die .close in modals und sprechen immer noch über Bootrap 2: Das x in .close ist ein Zeichensatz und kein Symbol. Sie können seine Farbe festlegen, indem Sie eine einfache Farbe anwenden: CSS-Regel. – guax

Verwandte Themen