2012-04-22 17 views
7

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?

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

+0

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. –

+1

Esiste un modo standard per fare lo stesso per l'icona class = "close"? – NPC

+0

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

Problemi correlati