我有两个导航栏:一个显示在一组页面上,另一个显示在另一组页面上(使用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] 删除。
我来说两句