Rails "yield" 未出现在移动设备上

Question

在我的 application.html.erb 中，我有一个网站布局：

<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中的内容被移动了。

谁能帮我解决这个问题？

Answer 1

如评论中所述，shared/navbar div 缺少结束标记 div 因此 "hidden-xs hidden-sm" 的结束标记成为缺失的结束标记，并且隐藏了内容。

Rails "yield" 未出现在移动设备上

Rails "yield" not appearing on mobile devices

yield

ruby-on-rails