Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
你如何改变Twitter的颜色;什么是引导CSS?_Css_Less_Twitter Bootstrap - Fatal编程技术网

你如何改变Twitter的颜色;什么是引导CSS?

你如何改变Twitter的颜色;什么是引导CSS?,css,less,twitter-bootstrap,Css,Less,Twitter Bootstrap,在今天之前,我从未少用过 我在preboot.less中将颜色更改为: // Color Scheme @baseColor: @orange; // Set a base color 然后我遵从了较少的文件。一切都出来了,但一切都是蓝色的 所以我尝试了js.less路线。还是蓝色的 是否已将@orange变量设置为如下颜色 @orange:#FF2400如果您使用的是2.0-wip版本,这就是交易 .primary类使用@blue和@blue

在今天之前,我从未少用过

我在preboot.less中将颜色更改为:

// Color Scheme
@baseColor:         @orange;                  // Set a base color
然后我遵从了较少的文件。一切都出来了,但一切都是蓝色的


所以我尝试了js.less路线。还是蓝色的

是否已将
@orange
变量设置为如下颜色


@orange:#FF2400

如果您使用的是2.0-wip版本,这就是交易

.primary类使用@blue和@blueDark变量来创建按钮的渐变。这些变量在variables.less文件中设置

在buttons.less文件中,其他按钮类用十六进制值硬编码

// Danger and error appear as red
  &.danger {
    .gradientBar(#ee5f5b, #c43c35);
  }
  // Success appears as green
  &.success {
    .gradientBar(#62c462, #57a957);
  }
  // Info appears as a neutral blue
  &.info {
    .gradientBar(#5bc0de, #339bb9);
  }

您必须更改这些十六进制值或创建替换十六进制值的变量。我自己对使用twitter上的bootstrap很陌生,但情况似乎就是这样。

你可能会发现它很有用——它可以让你选择颜色等,并为你生成一个编译过的bootstrap CSS文件。

这里有一个从图片中生成的bootstrap主题生成器。。。。所以你只需拍一张你的“旧”网站的照片,上传到这里,它就会生成一个与你的旧配色方案相匹配的主题

注意:该网站目前似乎处于脱机状态。如果您仍然需要此功能,请从那里试用。

当然,Bootstrap本身允许您在下载时自定义颜色,但这涉及到大量的配色方案的剪切和粘贴。。。。上面的工具为您计算出了一切

这一款适用于#01a4d9彩色btn

.btn {
    border-color:#c5c5c5;
    border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
 }

.btn-primary {
    color:#ffffff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#007cc5;
    background-image:-moz-linear-gradient(top, #01a4d9, #0193c5);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#01a4d9),  to(#0193c5));
    background-image:-webkit-linear-gradient(top, #01a4d9, #0193c5);
    background-image:-o-linear-gradient(top, #01a4d9, #0193c5);
    background-image:linear-gradient(to bottom, #01a4d9, #0193c5);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0096c5', endColorstr='#ff0054c5', GradientType=0);
    border-color:#0193c5 #0193c5 #003479;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0193c5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
 }

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    color:#ffffff;
    background-color:#0193c5;
    *background-color:#0049ac;
 }

.btn-primary:active,.btn-primary.active {
    background-color:#003f92 \9;
 }

要自定义链接和.btn主链接的颜色(我认为这是问题所指的),请调整@linkColor:

@linkColor: @orange;

这已经完成了。原来按钮的颜色和链接都是基于它们自己的变量,现在不要使用@baseColor。这应该用于版本2:是的,它是。在过去2年多的时间里一定发生了变化。能否在不减少的情况下实现?我安装了更少的东西,修改了一些东西,然后出现了大量的编译错误……我基本上也因为这些错误而停止使用更少的东西。如果你这样做了,你必须在bootstrap.css文件中编辑不同的类,或者在任何时候你从bootstrap放置所有的css。您必须直接在CSS中编辑所有类。在2.0=wip中,我认为按钮类是.btn、.primary、.info、.danger。在最终版本中,它们可以在这里找到。奢华引导的网站目前已经不存在了(2015年8月仍在运行)。新的官方引导自定义程序位于