轨道4引导3模态对话框：怪异的布局呈现

我的引导模式与设计以不可思议的方式呈现登录：轨道4引导3模态对话框：怪异的布局呈现

我在application_controller.rb要么引导助手插入来自Twitter的bootstrap-轨道：

<%= modal_dialog id: "signin", 
     header: { show_close: true, dismiss: 'modal', title: 'Modal header' }, 
     body: { content: 'This is the body' }, 
     footer: { content: content_tag(:button, 'Save', class: 'btn') } %>

或纯HTML尝试以及：

<div id="signin" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div>

两者呈现相同的是如在上面的图片中。日志说：

I, [2015-09-04T10:13:45.228876 #7182] INFO -- : Started GET "https://stackoverflow.com/users/sign_in.js" for xx.xx.xx.xx at 2015-09-04 10:13:45 +0200 
I, [2015-09-04T10:13:45.237032 #7182] INFO -- : Processing by SessionsController#new as JS 
I, [2015-09-04T10:13:45.256132 #7182] INFO -- : Rendered devise/sessions/_signin.html.erb (0.1ms) 
I, [2015-09-04T10:13:45.259590 #7182] INFO -- : Rendered devise/sessions/_signin.html.erb (0.1ms) 
I, [2015-09-04T10:13:45.261021 #7182] INFO -- : Rendered mailgroups/_mailgroup_append.html.erb (0.1ms) 
I, [2015-09-04T10:13:45.264283 #7182] INFO -- : Rendered devise/sessions/_signin.html.erb (0.1ms) 
I, [2015-09-04T10:13:45.264459 #7182] INFO -- : Rendered devise/sessions/new.js (11.7ms) 
I, [2015-09-04T10:13:45.264907 #7182] INFO -- : Completed 200 OK in 28ms (Views: 25.5ms | ActiveRecord: 0.0ms)

我sessions_controller.rb是：

class SessionsController < Devise::SessionsController 

    respond_to :js 

    def new 
    super 
    end 

    def create 
    super 
    end 

    def destroy 
    super 
    end 

    def failure 
    logger.debug "failure in devise sessions_controller" 
    end 

end

/views/devise/sessions/new.js如下所示：

$("#signin").modal()

文件/意见/devise/sessions/_signin.html.erb为空（我喜欢从application_controller.rb中提取模态代码，只要渲染正常即可）。

我的问题是：

我在做什么错（session_controller中的很大的不确定性）？
为什么设计/会话/ _signin.html.erb是呈现3倍（如日志说，目前它是空的，但是当我把一些代码在那里，它被执行多次...）
如果我将 application_controller中的模态代码移动到_signin.html.erb中，我需要将放入application_controller.rb中？（例如）

来源

2015-09-04 Phipsen

如果你有脚手架你的应用程序，你应该从样式表文件夹中删除'scaffolds.css'。 –

'scaffold.css'已在项目开始时被删除。 – Phipsen

如何尴尬... 搜索3小时后，我发现在我的application.css.less ID #signin，它搞砸了布局的剩余定义。

对不起，您让我们忙碌起来，感谢Ruby Racer为我指出了正确的方向。这确实是一个CSS问题。

来源

2015-09-04 20:59:30 Phipsen

轨道4引导3模态对话框：怪异的布局呈现

回答

相关问题