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?
7
A
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
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. –
Gibt es eine Standardmethode, um das gleiche für das class = "close" -Symbol zu tun? – NPC
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