Bootstrap di Twitter visualizza il pulsante con il testo in grigio

Question

Sto utilizzando Twitter Bootstrap come framework sull'applicazione Ruby on Rails.

Io uso link_to per generare collegamenti con lo stile di pulsanti, con le seguenti classi CSS: "btn btn-primary btn-mini".

Ad esempio:

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

genera il seguente html

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

Il pulsante è corretta, ma il testo del pulsante viene visualizzato in grigio invece di bianco. Funzionalmente funziona bene, non è disabilitato o così. Il testo diventa bianco quando il mouse passa sopra il pulsante.

Ho provato alcuni casi. Quello che ho concluso è che ogni volta che il collegamento generato (o codificato) inizia con una barra (/) il testo del pulsante è in grigio. Ogni volta che inizia con una risorsa relativa

Sto utilizzando Rails 3.2.2 e utilizzo l'ultimo twitter-bootstrap-gem.

Come posso risolvere il problema?

Answer 1

Hai eseguito un generatore di scaffold? Scaffold.css causerà questo. Se lo rimuovi, sarai pronto per partire.

È inoltre possibile eseguire il generatore con --skip-fogli di stile per evitare che vengano creati

Answer 2

Non del tutto eliminare la cartella di scaffold.css, basta eliminare il contenuto e lasciare la cartella lì. Se generi ancora uno scaffold in un altro punto, specialmente se stai iniziando con gli stage, probabilmente la cartella tornerà e avrai lo stesso problema. Quindi, se elimini solo i contenuti, è un po 'la stessa cosa e il sistema non aggiungerà un'altra cartella in futuro.

Answer 3

Se hai già un'applicazione in esecuzione e decidi di installare bootstrap E non hai più Scaffold.css, puoi semplicemente aggiungerlo al tuo bootstrap.css nella parte dove sono definite le proprietà dei pulsanti (mio: line 2726):

.btn:visited { 
color: #FFF 
} 

Answer 4

Basta aggiungere :style al pulsante.

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