2012-05-08 12 views
11

私はRuby on RailsアプリケーションのフレームワークとしてTwitter Bootstrapを使用しています。Twitterブートストラップはグレーのテキストでボタンを表示します

私はlink_toを使用して、次のCSSクラス「btn btn-primary btn-mini」を使用してボタンとしてスタイル設定されたリンクを生成します。例えば

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

が生成する次のHTML

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

ボタンが正しく表示されますが、ボタンのテキストは、灰色の代わりに白で表示されています。機能的には正常に動作しますが、無効になっているわけではありません。マウスがボタンの上を移動するとテキストも白くなります。

私はいくつかのケースをテストしました。私が結論したところでは、生成された(またはハードコードされた)リンクがスラッシュ(/)で始まると、ボタンのテキストはグレー表示されます。相対リソースで始まるときはいつでも

私はRails 3.2.2を実行していて、最新のtwitter-bootstrap-gemを使っています。

どうすれば修正できますか?

答えて

30

スキャフォールドジェネレータを実行しましたか? Scaffold.cssがこれを引き起こします。あなたがそれを取り除くと、あなたは行くのが良いでしょう。

また、完全に内容だけを削除し、そこにフォルダを残して、あなたのscaffold.cssフォルダを削除しないでください

+0

はい、私は気づいたことはありません!どうもありがとう。 – Mustafa

+5

TBSを初めて使用したときにそれを理解するのに数時間かかりました:) – DVG

+0

私の質問を見つけられたらうれしいです^ _ ^。しかし、異なるリンクはどう違って見えますか? – Mustafa

1

を作成され、それらを防ぐために、--skip-スタイルシートで発電機を実行することができます。あなたが何か別の場所で足場を再生成すると、特にあなたがdevステージを開始している場合は、フォルダが戻ってきて同じ問題が発生します。したがって、コンテンツを削除するだけであれば、同じことが起こり、システムは将来別のフォルダを追加しません。

1

すでにアプリケーションが稼働していて、ブートストラップをインストールし、Scaffold.cssがなくなった場合は、buttonstrap.cssにbuttonプロパティが定義されているparte(mine:line 2726):

.btn:visited { 
color: #FFF 
} 
0

ボタンに:styleを単に追加してください。

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