【问题标题】:How do I style a twitter bootstrap button with a hexadecimal color in Rails 4.2.4如何在 Rails 4.2.4 中为 twitter 引导按钮设置十六进制颜色样式
【发布时间】:2016-01-21 16:15:52
【问题描述】:

我是一名初级开发人员,正在为客户构建我的第一个 Web 应用程序。

所有者不满足于 home.html.erb 上引导按钮的标准颜色,并且特别希望在一个按钮上使用华丽的粉红色。

如何使用 rails 4.2.4 为 twitter 引导按钮设置十六进制颜色样式

我将使用以下列表中的语法和 CSS 文件夹:

bootstrap_and_customization.css.scss,
home.css.scss,
pages.scss 

【问题讨论】:

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


【解决方案1】:

您可以将其添加到application.css|css.scss

因此,如果您将 btn btn-pink 类添加到 button。我建议您添加 btn 类,以便您继承基本样式。

.btn-pink{
  color: #FFFFFF; // whatever you want
  background-color: ##FF69B4; // whatever you want
}

【讨论】:

  • 所以我理解正确:现在在 home.html.erb 中我有.. 类:“btn btn-primary btn-lg” 我是否将嵌入式 ruby​​ 中的此语法更改为 .btn -pink 并在样式中使用它
  • 你的代码会变成... class: "btn btn-pink btn-lg" ...,别忘了给application.css添加样式
  • 真的很感激。只是最后一个查询。为什么使用 application.css 文件进行样式部署?与 bootstrap_and_cutomization.css.scss(或页面特定的 home.css.scss
  • 您可以将自定义的css 放在任何您想要的位置,只要它使用requirerequire_tree 加载到application.css
猜你喜欢
  • 2012-11-04
  • 1970-01-01
  • 2017-12-08
  • 1970-01-01
  • 1970-01-01
  • 2012-09-16
  • 2016-12-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多