1

我正在使用 Twitter Bootstrap 开发 Rails 3.2 应用程序。我试图在 bootstrap_and_overrides.css.less 中覆盖 Bootstrap 的颜色。

我已经能够使用 LESS 变量覆盖颜色。例如：

    @navbarBackground: @blue;
    @navbarBackgroundHighlight: @blueDark;

但是，我想偏离颜色变量。我似乎无法输入像 5092CC 这样的十六进制颜色。我不想在 LESS 中重新定义颜色变量，因为我已经读过这可能会导致问题。

我也在尝试更改所有标题标签的颜色。我希望它们都是相同的颜色。但是，Bootstrap 忽略了我尝试过的每一个更改。我最近的尝试是：

    h1, h2, h3, h4, h5, h6 {
      color: 325B7F;
      small {
        color: 325B7F;
      }
    }

我肯定对常规 CSS 和 LESS 感到困惑。我大部分时间都在与这个作斗争。

非常感谢所有帮助。

4

1 回答 1

3

我不熟悉Rails。但是，无论您使用的是 CSS 还是 LESS，您仍然需要添加 #。

h1, h2, h3, h4, h5, h6 {
  color: #325B7F;
  small {
    color: #325B7F;
  }
}

如果这不起作用，您应该查看引导程序的 variables.less 文件。将颜色变量（@blue 和 @blueDark）更改为您需要的任何值并重新编译 CSS

添加：

这就是我覆盖引导变量的方式，无需直接更改任何引导文件。我有一个名为 mysite.less 的文件：

// bootstrap less files located in another folder 
@import "../../bootstrap/less/bootstrap.less";
@import "../../bootstrap/less/responsive.less";

// mysite overwrites located in my own project folder
@import "variables.less";

在 variables.less 中重新定义要覆盖的变量：

@blue: #123456;
@blueDark: #678912;

最后编译你的 CSS：

lessc mysite.less > bootstrapincludingmyoverwrites.css
于 2012-12-08T23:33:56.243 回答