修复了导航栏重叠的问题

缺口

我有两个导航栏:一个显示在一组页面上,另一个显示在另一组页面上(使用application.html.erb中的if ... else语句。)两个导航条中的一个在的固定位置顶部,因此与以下文本重叠。我可以通过添加body {margin-top: 25px;}到样式表来解决此问题但是,问题在于,它对于具有不同导航栏的页面也执行此操作,导航栏的位置不固定,导致这些页面顶部的白条高25px。

如何margin-top仅针对使用该特定导航栏的那些页面包括for主体?

卡斯普

如何添加margin-bottom到特定的导航栏?

编辑:您可以将所有内容包装在一些内容中div,并向其中动态添加类(与navbar中的条件相同)。

<div class="<%= condition ? first_class : second_class %>">

并为这些clsass添加适当的边距。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章