モーダルのみは暗い背景を示しています

Question

RORプロジェクト内にブートストラップモードを作成しようとしています。私は動詞のログインを使っていますが、考案を使用していません。追加の複雑さなくモーダルを見つけようとしている dev！

ログインリンクをクリックした後、私はサーバーに到達したようですが、灰色のオーバーレイしか得られません！

application.htm.erb

 <div class="container">
  <div class="well">
   <%= link_to 'login', login_url,
   {:remote => true,
    'data-toggle' =>  "modal",
     'data-target' => '#login',
      :class => "btn btn-primary "} %>
     </div>
  </div>
  <div id="login" class="modal hide fade"></div>

.

_login.html.erb

<div class="modal hide fade in" id="login">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">x</button>
    <h2>Sign in</h2>
  </div>
  <div class="modal-body">
    <h2>Login form will go here</h2>
  </div>
  <div class="modal-footer">modal footer text</div>
</div>

.

login.js.erb

$("#login-modal").html("<%= escape_javascript(render 'login') %>")
$("#login-modal").modal("show")

.

サイト＃ログイン

def login
  respond_to do |format|
     format.js
   end
end 

.

コンソール出力

開始127.0.0.1の「/ログイン」を取得しました2014-07-28 16:38:59 -0700

SiteController #JS

としてログインした処理

レンダリングサイト/ _login.html.erb（0.0ms）

レンダリングサイト/ login.js.erb（1.0ms）

Answer 1

あなたのモーダルのマークアップが間違っているようです。古いブートストラップ2の例からそれを取ったように見えますか？ http://getbootstrap.com/javascript/#modals

コード内の問題は次のとおりです。

• hideまたはinクラス
を使用しないでください。
• modal-dialogとmodal-content <div>s

どのようなリソース/例をあなたのコードを締めくくったのですか？