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的“产量”没有出现在移动设备上

回答

相关问题