Twitter bootstrap muestra el botón con texto gris

Estoy usando Twitter Bootstrap como marco en mi aplicación Ruby on Rails.Twitter bootstrap muestra el botón con texto gris

Utilizo link_to para generar enlaces que se diseñan como botones, con las siguientes clases de CSS: "btn btn-primary btn-mini".

Por ejemplo:

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini" %>

genera el código HTML siguiente

<a href="/events/new" class="btn btn-primary btn-mini">New Event</a>

El botón muestra correctamente, pero el texto del botón se muestra en gris en vez de blanco. Funcionalmente funciona bien, no está deshabilitado o tan. El texto también se vuelve blanco cuando el mouse se mueve sobre el botón.

He probado algunos casos. Lo que concluí es que cada vez que el enlace generado (o codificado) comienza con una barra inclinada (/), el texto del botón aparece en gris. Siempre que comience con un recurso relativo

Estoy ejecutando Rails 3.2.2 y utilizando la última versión de twitter-bootstrap-gem.

¿Cómo puedo solucionar eso?

Fuente

2012-05-08 Mustafa

¿Ejecutó un generador de andamios? Scaffold.css causará esto. Si lo quitas, estarás listo para continuar.

También puede ejecutar el generador con --skip-hojas de estilo para evitar que sean creados

Fuente

2012-05-08 23:08:05 DVG

Sí, nunca lo noté! Muchas gracias. – Mustafa

Me tomó un par de horas darme cuenta de eso la primera vez que usé TBS :) – DVG

Me alegra que hayas encontrado mi pregunta^_ ^. Pero, ¿qué hace que los diferentes enlaces se vean de manera diferente? – Mustafa

No elimine por completo la carpeta de scaffold.css, simplemente borre el contenido y dejar la carpeta allí. Si genera andamios en algún otro punto nuevamente, especialmente si se encuentra en etapas de desarrollo inicial, la carpeta probablemente regrese y tendrá el mismo problema. Por lo tanto, si solo elimina los contenidos, es prácticamente lo mismo y el sistema no agregará otra carpeta en el futuro.

Fuente

2013-08-02 14:49:53

En caso de que ya tenga una aplicación ejecutándose y decida instalar bootstrap Y ya no tiene Scaffold.css, puede agregar esto a su bootstrap.css en la parte donde se definen las propiedades de los botones (mina: línea 2726):

.btn:visited { 
color: #FFF 
}

Fuente

2014-10-13 12:49:59 LucasZM

Simplemente agregue :style a su botón.

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini", :style=>'color:#FFFFFF;' %>

Fuente

2015-08-25 14:44:06

Twitter bootstrap muestra el botón con texto gris

Respuesta

Cuestiones relacionadas