根据Rails中的当前页面更改CSS?

时间:2016-06-23 05:57:49

标签: css ruby-on-rails twitter-bootstrap-3

所以我有一个bootstrap导航栏,我想在页面/ users / sign_in和/ users / sign_up中有一种颜色,其余颜色则是另一种颜色。我该怎么做?

1 个答案:

答案 0 :(得分:1)

<body>标记中添加特定的CSS类,并使用CSS设置导航栏的样式:

# layout.html.erb
<body class="<%= body_class_helper(params) %>">

# application.css
body .navbar {
  background-color: yellow;
}
body.signin .navbar {
  background-color: black;
}
body.signup .navbar {
  background-color: red;
}

PS。将定义正确的CSS类的逻辑移出到帮助器(body_class_helper)。