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
Verwandte Themen
- 1. Wie poste ich Kommentar in dunklem Hintergrund
- 2. Wie kann ich diesen Auslöser arbeiten lassen?
- 3. Wie kann ich Sass arbeiten lassen?
- 4. Wie kann ich den Befehl slc auf Ubuntu arbeiten lassen?
- 5. Dunkle Text auf dunklem Hintergrund auf AlertDialog mit Theme.Sherlock.Light
- 6. Wie man dieses Bild mit transparentem dunklem Hintergrund verwischen
- 7. Kann ich TypeKit-Schriftarten lokal arbeiten lassen?
- 8. Wie kann ich Sessions mit redis, express & socket.io arbeiten lassen?
- 9. Wie ich meine konfigurierte Sitzung in AJAX arbeiten lassen kann
- 10. Wie kann ich SQLite unter Windows 10 arbeiten lassen?
- 11. Wie kann ich Intellisense für F # in VS2008 arbeiten lassen?
- 12. Wie kann ich CAPTCHA über mehrere Seiten hinweg arbeiten lassen?
- 13. Wie kann ich diese try_files Direktive arbeiten lassen?
- 14. Wie kann ich NSWorkspace in meinem Befehlszeilenprogramm arbeiten lassen?
- 15. Wie ich meine Uhr App arbeiten lassen
- 16. wie man htaccess auf jeder Seite arbeiten lassen kann
- 17. Wie kann ich XSLT in Chrom arbeiten lassen?
- 18. Wie kann ich das Skript mit Prozentsatz arbeiten lassen?
- 19. Wie kann ich HandleErrorAttribute mit Ajax arbeiten lassen?
- 20. Wie kann ich np.save für eine ndarray-Unterklasse arbeiten lassen?
- 21. Wie kann ich diese If-Anweisung mit allem arbeiten lassen?
- 22. Wie kann ich Reveal.js mit einer Presenter-Fernbedienung arbeiten lassen?
- 23. Wie kann ich ScrollViewer in einem StackPanel arbeiten lassen?
- 24. Wie kann ich xVal mit meinem erweiterten Html.ValidationImage arbeiten lassen?
- 25. Wie kann ich "jconsole" mit Websphere 6.1 arbeiten lassen?
- 26. Wie kann ich PHP wieder in der Befehlszeile arbeiten lassen?
- 27. Wie kann ich Skript in Ruby arbeiten lassen?
- 28. Wie kann ich diese Funktion an alten Jquery arbeiten lassen?
- 29. Wie kann ich NSFetchedResultsController Update mit einem UISearchController arbeiten lassen?
- 30. Wie kann ich meine Website standardmäßig auf Mobiltelefonen verkleinern lassen?
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