twitter-bootstrap - 如何在自定义 Bootstrap 中使用渐变？

Question

我想将我的自定义 sass Bootstrap 的原色设为渐变，但是当我将自定义变量定义为渐变时，我收到一条错误消息

“错误：$color: linear-gradient(to right, #c33764, #1d2671) 不是变暗的颜色。”

现在，我知道变暗用于稍后在变量文件和许多其他地方的链接，这只是意味着链接颜色比原色暗一个百分比。我怎样才能做到这一点？

这是我的 _custom.scss，它作为第一部分包含在 bootstrap.scss 中：

$celestial: linear-gradient(to right, #c33764, #1d2671);
$primary: $celestial;

标签： twitter-bootstrapsass

Answer 1

linear-gradient仅对backgroundcss 属性有效，并且$primary引导变量需要颜色。

您要做的是针对您想要直接应用渐变的元素，如下所示：

.navbar {
  background: linear-gradient(to right, #c33764, #1d2671);
}