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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何调用Bootstrap的LESS渐变混合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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);  
}

祝你好运!

猜你在找的Bootstrap相关文章