2012-04-22 18 views
7

Estoy usando el Bootswatch Cyborg theme de Twitter Bootstrap library. Sin embargo, el tema Cyborg tiene un fondo oscuro y colores de primer plano claros, una apariencia negativa de los valores predeterminados de Bootstrap. El conjunto de iconos PNG supone un fondo claro y no se muestra en el tema Cyborg. ¿Hay un icono correspondiente configurado para fondos oscuros? No pude encontrar uno en el sitio Glyphicons '. ¿Hay algún truco fácil para convertir los iconos en el color negativo?¿Cómo puedo hacer que los iconos de Bootstrap funcionen en un fondo oscuro?

Respuesta

17

Agregue la clase de icono blanco al icono de arranque y será blanco oscuro.

gustan:

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

Esto funciona para Bootstrap 2 como se ve en http://twitter.github.com/bootstrap/base-css.html

+0

Wow, me había pasado por alto totalmente eso. ¡Gracias por señalar esto! Parece que Bootstrap también tiene una galería de iconos de base blanca. –

+1

¿Hay alguna manera estándar de hacer lo mismo con el ícono class = "close"? – NPC

+0

Suponiendo que estés hablando de .close en modales y aún hablando de boostrap 2: La x en .close es un símbolo de fuente y no un ícono. Puede establecer su color aplicando una simple regla de color: css. – guax

Cuestiones relacionadas