Css 覆盖Twitter引导
我正在开发一个Rails 3.2应用程序,该应用程序带有Twitter引导。我试图在Bootstrap和overrides.css.less中覆盖Bootstrap的颜色 我已经能够用更少的变量覆盖颜色。例如:Css 覆盖Twitter引导,css,twitter-bootstrap,less,Css,Twitter Bootstrap,Less,我正在开发一个Rails 3.2应用程序,该应用程序带有Twitter引导。我试图在Bootstrap和overrides.css.less中覆盖Bootstrap的颜色 我已经能够用更少的变量覆盖颜色。例如: @navbarBackground: @blue; @navbarBackgroundHighlight: @blueDark; 但是,我想偏离颜色变量。我似乎不能用像5092CC这样的十六进制颜色。我不想在更少的时间里重新定义颜色变量,因为我已经读到了可能会导致问题的
@navbarBackground: @blue;
@navbarBackgroundHighlight: @blueDark;
但是,我想偏离颜色变量。我似乎不能用像5092CC这样的十六进制颜色。我不想在更少的时间里重新定义颜色变量,因为我已经读到了可能会导致问题的内容
我还尝试更改所有标题标签的颜色。我希望它们都是相同的颜色。但是,Bootstrap忽略了我尝试过的每一个更改。我最近的尝试是:
h1, h2, h3, h4, h5, h6 {
color: 325B7F;
small {
color: 325B7F;
}
}
我肯定对常规CSS和更少的CSS感到困惑。这一天我大部分时间都在与之斗争
非常感谢您的帮助。我不熟悉Rails。但是,无论您使用的是CSS还是更少,您仍然需要添加一个# 如果这不起作用,您应该查看引导的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
谢谢,这修正了标题。在导航栏上仍然没有运气你是如何编译你的CSS的?请看我对我的回答的编辑检查员指出了什么?您的新样式是否被覆盖?或者没有正确地针对元素?
lessc mysite.less > bootstrapincludingmyoverwrites.css