Sto usando il Bootswatch Cyborg theme di Twitter Bootstrap library. Tuttavia, il tema Cyborg ha uno sfondo scuro e colori chiari in primo piano, uno sguardo negativo rispetto ai valori predefiniti di Bootstrap. Il set di icone PNG assume uno sfondo chiaro e non viene visualizzato nel tema Cyborg. Esiste un'icona corrispondente per sfondi scuri? Non sono riuscito a trovarne uno sul sito Glyphicons ". C'è un trucco facile per trasformare le icone in un colore negativo?Come posso far funzionare le icone Bootstrap su sfondo scuro?
7
A
risposta
17
Aggiungi classe icona bianca all'icona di bootstrap e sarà bianca su oscurità.
piace:
<i class="icon-search icon-white"></i>
Questo funziona per Bootstrap 2 come si vede nella http://twitter.github.com/bootstrap/base-css.html
Problemi correlati
- 1. Come posso far funzionare South su PythonAnywhere?
- 2. Come far funzionare Vim Solarized su iTerm
- 3. Come posso far funzionare Sass?
- 4. Testo scuro su sfondo scuro su AlertDialog con Theme.Sherlock.Light
- 5. Come posso far funzionare questo DataTrigger?
- 6. Come far funzionare le promesse in IE11
- 7. Come far funzionare le rotaie con vue.js?
- 8. Come posso far funzionare Rtools su Windows con R 2.15.2?
- 9. Come posso far funzionare le opzioni di indentazione jshint
- 10. Come posso far funzionare Winston con Webpack?
- 11. Come posso far funzionare jenkins "pip install"?
- 12. Come posso far funzionare il comando slc su Ubuntu?
- 13. Come posso far funzionare Html.CheckBoxFor() su un campo stringa?
- 14. Come posso far funzionare Mockito in androidTest
- 15. Come far funzionare Sinatra su HTTPS/SSL?
- 16. come posso far funzionare questa direttiva try_files?
- 17. Come posso far funzionare jsFiddle in Chrome?
- 18. Come posso far funzionare jQuery.parseXML in node.js
- 19. Come far funzionare lo sfondo in JComponent personalizzato?
- 20. Come far funzionare ndk-gdb su Android?
- 21. Come far funzionare Rcpp?
- 22. Come far funzionare FullCalendar su dispositivi touch?
- 23. Come far funzionare Sidekiq su Heroku?
- 24. Non riesco a far funzionare le icone delle app in Xcode 6
- 25. Twitter Bootstrap Modal è scuro?
- 26. Come far funzionare Menu.add_command() in tkinter su Mac?
- 27. far funzionare Gii su Yii 2.0
- 28. Come far funzionare fontawesome su una distribuzione di pagine Web di Azure?
- 29. Come possiamo far funzionare kCAOnOrderOut?
- 30. Come posso far funzionare MongoDB con php 5.3.5 e wamp?
Wow, avevo completamente trascurato il fatto che. Grazie per aver segnalato questo! Sembra che Bootstrap venga fornito con una galleria di icone basate su bianco. –
Esiste un modo standard per fare lo stesso per l'icona class = "close"? – NPC
Supponendo che tu stia parlando della .close nei modali e parli ancora di boostrap 2: la x in .close è un simbolo di carattere e non un'icona. È possibile impostare il colore applicando un colore semplice: regola css. – guax