2

「bootstrap-sass」gemでTwitterBootstrapを使用しようとしていますが、何らかの理由で、動作が完全に正しくありません。

class="btn"そのようなスタイルの送信ボタンで判断する

<div class="actions btn">
  <%= f.submit %>
</div>

その結果、ブートストラップスタイルがありますが、それらはユーザーエージェントルールによってオーバーライドされるため、結果はブートストラップスタイルの上に表示される標準のChromeボタンになります...これが私が得たものへのリンクです：

* http：//hpics.li/9ddcb61

また、何も変更せずに（コメントで提案を試して元に戻すだけでした）、今では物事は浮かんでいませんが、すべて垂直です：

* http：//hpics.li/f7605d0

これは私が開発ツールで得たものです：

* http：//hpics.li/db602b0

これはgemファイルです

group :assets do
 gem 'sass-rails',   '~> 3.2.3'
 gem 'coffee-rails', '~> 3.2.1'
 gem 'bootstrap-sass'

 # See https://github.com/sstephenson/execjs#readme for more supported runtimes
 # gem 'therubyracer', :platforms => :ruby

 gem 'uglifier', '>= 1.0.3'
end

私はこれを含むcustom.css.scssファイルを持っています：

@import "bootstrap";
@import "_bootstrap-responsive.scss";

また、require_selfとrequire_treeの前にこれをapplication.css.scssに追加しようとしましたが、成功しませんでした

*= require _bootstrap
*= require _bootstrap-responsive

これは便利な場合のjsファイルです

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

私は本当に何が起こっているのか分かりません、さらに私は鉄道の本をやりました、そして私がそれにいたときすべてがうまくいきました、しかし私自身のアプリでは何もうまくいきません... :(

すべての情報を提供したかどうかはわかりませんが、お気軽にリクエストしてください。

4

2 に答える 2

2

それはあなたが言っていることを正確に実行します。つまり、「ブートストラップスタイル」ボタンを作成し、その中に非ブートストラップスタイルの送信ボタンを配置します。

btn送信ボタンにクラスを追加してみてください。

<%= f.submit , :class => "btn" %>
于 2012-07-31T12:05:25.557 に答える
0

ブートストラップボタンとボタンスタイリングでは、ブートストラップのjavascript部分もロードする必要があります。これを行うには、次の行を追加します。

//= require bootstrap

行の上のapp/Assets / javascripts/application.jsファイルに

//= require_tree
于 2012-07-31T11:09:50.943 に答える