twitter-bootstrap – 如何调用Bootstrap的LESS渐变混合

发布时间：2020-12-18 00:12:12 所属栏目：安全来源：网络整理

导读：Bootstrap垂直梯度混合定义如下： #gradient { .vertical (@start-color,@end-color) when (@disable-filters) { /* code */ }} 我正在呼叫#gradient .vertical(#fff，#ddd);在我的LESS。但编译给我以下错误。 ParseError: Syntax Error on line 104 in fron

Bootstrap垂直梯度混合定义如下：

#gradient {
  .vertical (@start-color,@end-color) when (@disable-filters)  {
    /* code */
  }
}

我正在呼叫#gradient> .vertical(#fff，#ddd);在我的LESS。但编译给我以下错误。

ParseError: Syntax Error on line 104 in front.less:104:8
103         border-bottom: 2px solid white;
104         .#gradient > .vertical(#fff,#ddd);
105       }

注释上面的一行解决了这个问题。引导Bootstrap的垂直渐变mixin的正确方法是什么？

解决方法

我认为Bootstrap v2.2.2文档中可能会出现一些拼写错误。如果您检查的是mixins.less文件，则调用渐变mixin时，您不需要前导点
#gradient> .vertical(#999，#fff);

我有这个工作。

在html页面上，我有一个ID = gradient-test的div

在我的自定义混合我有：

#gradient-test{  
#gradient > .vertical(#999,#fff);  
}

祝你好运！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!