ruby-on-rails - 使用 Bootstrap 更改按钮颜色

Question

我正在使用 RoR 制作一个为期一个月的 Rails 网站。这是来自styles.css.scss 表的代码。它使用 bootstrap 。我不确定为什么但按钮颜色没有改变，尽管 $btnPrimaryBackground: 绿色文本。有没有人对为什么按钮颜色没有改变有任何想法或想法？谢谢。

$baseFontFamily: Oxygen;
@import url(http://fonts.googleapis.com/css?family=Oxygen);


$navbarBackgroundHighlight: white;
$navbarBackground: white;
$btnPrimaryBackground: green;

@import 'bootstrap';
body{
    padding-top: 60px;
}

@import 'bootstrap-responsive';

.navbar-inner{
    @include box-shadow(none !important);
    border: 0;
}

.footer{
    margin-top: 50px;
    color: $grayLight;
    a{
        color: $gray;
    }
}

Answer 1

如果您在 LESS 中使用 Bootsrap，您可以简单地执行以下操作:

.btn-primary {
  .buttonBackground(@yourColor, @yourColorDarker); //(button, hover)
}

如果不是，那么您只需覆盖要更改颜色的按钮类:

.btn-warning { background-color: Your color; } //button

.btn-warning:hover { background-color: Your color; } //hover

此外，既然您似乎想将按钮颜色更改为绿色，为什么不像这样使用 .btn-success 类:

<%= button_tag "Hello", :class => "btn btn-success" %>

来源: Styling twitter bootstrap buttons