Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 覆盖Twitter引导_Css_Twitter Bootstrap_Less - Fatal编程技术网

Css 覆盖Twitter引导

Css 覆盖Twitter引导,css,twitter-bootstrap,less,Css,Twitter Bootstrap,Less,我正在开发一个Rails 3.2应用程序,该应用程序带有Twitter引导。我试图在Bootstrap和overrides.css.less中覆盖Bootstrap的颜色 我已经能够用更少的变量覆盖颜色。例如: @navbarBackground: @blue; @navbarBackgroundHighlight: @blueDark; 但是,我想偏离颜色变量。我似乎不能用像5092CC这样的十六进制颜色。我不想在更少的时间里重新定义颜色变量,因为我已经读到了可能会导致问题的

我正在开发一个Rails 3.2应用程序,该应用程序带有Twitter引导。我试图在Bootstrap和overrides.css.less中覆盖Bootstrap的颜色

我已经能够用更少的变量覆盖颜色。例如:

    @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