为什么bootstrap模式显示它背后的页面而不是它的内容？

Question

我有一个bootstrap模式，用Devise gem显示新的会话用户表单（在Ruby on Rails中）。模态在根路径中工作正常，但在任何其他路径中它都是一团糟。模态的所有内容和标题都被其后面的页面内容替换。

代码很简单，在我的 _header.html.erb 中我得到了

<%= link_to "Ingresar", nil, 'data-toggle':"modal", 'data-target':"#modal-ingresar" %>

...切换模态。在 _header.html.erb 的最后，我定义了这样的模态：

     <!-- Modal -->
<div class="modal fade" id="modal-ingresar" tabindex="1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="false">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Ingresar</h4>
      </div>
      <div class="modal-body">

<%= render '/layouts/newSession' %>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

在 / layouts / newSession 中我有一个设计表单（不需要一堆代码但是如果你想看看它是：https://github.com/juanmanuelramallo/CouchInn/commit/50230ec5edbb61f9569c26a2327cd72e05815deb）

查看以下照片：

这个很好，但两秒钟后会发生这种情况：