Rails的「產量」沒有出現在移動設備上

在我application.html.erb，我有一個佈局我的網站：Rails的「產量」沒有出現在移動設備上

<div class="mobile-menu-navbar hidden-md hidden-lg"> 
    <a id="mobile-menu-link" href="#mobile-menu"><i class="fa fa-bars"></i></a> 
</div> 

<div class="hidden-xs hidden-sm"> 
    <%= render 'shared/navbar'%> 
</div> 

<%= yield %>

第一個div顯示在XS和SM屏幕移動菜單，第二個是md和lg屏幕上的桌面導航欄。

在它下面，我有yield方法應該顯示頁面的內容。

但是，在我的移動主頁上，什麼都沒有顯示。當我尋找在Chrome的檢查我的主頁的內容，它是在這個div：

<div class="hidden-xs hidden-sm"> 
    <%= render 'shared/navbar'%> 
    ....... 
</div>

這可以解釋爲什麼它被隱藏在移動。我不明白的是，爲什麼在其他所有移動網頁（我的所有內容都放在其他網頁上）中，收益率效果不錯，但不在主頁上。內容移動到上面的div中。

任何人都可以幫我解決這個問題嗎？

來源

2016-03-08 Graham Slick

你是否錯過了'shared/navbar'中的關閉div或其他東西？ –

@ j-dexx這就是我最初的想法，但似乎並非如此。如您所見，桌面屏幕上的div隱藏內容已關閉。而更令人感到奇怪的是，除了首頁以外的每一頁上，它都很好用。我真的很困惑 –

以及良率塊只是呈現無論控制器指向它，所以你確定其他視圖不加載隱藏的div？ – hamitron

正如評論中所說，共享/導航欄div缺少關閉的div標籤，因此「hidden-xs hidden-sm」的結束標籤成爲缺少的結束標籤，並隱藏了內容。

來源

2016-03-08 17:06:07

Rails的「產量」沒有出現在移動設備上

回答

相關問題