軌道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模態對話框：怪異的佈局呈現

回答

相關問題