Twitter bootstrap 使用Bootstrap和LESS的垂直梯度

我对CSS、Bootstrap和LESS非常陌生。我查看了Bootstrap网站，发现我应该能够使用较少的混音创建垂直渐变：

#gradient > .vertical();

我想在css.scss文件的页脚{}部分执行此操作。我不知道该怎么编码。我想我需要添加上面的语句，并在括号内添加开始和结束颜色。我见过的唯一例子就是mixin。这是否需要包含在背景图像子句或类似的内容中？我不断地遇到语法错误

我相信这可能是一个简单的问题，但我对CSS的知识是缺乏的。然而，我正在一分钟一分钟地通过尝试和错误学习。任何帮助都将不胜感激

更新日期：2012年2月5日上午7:15：

下面是我想要添加垂直渐变的页脚CSS代码：

footer {
  margin-top: 45px;
  padding-top: 5px;
  border-top: 1px solid $grayMediumLight;
  color: #000000;
  font-size: 10px;
  font-family: Arial; 
  font-style: italic;
  #gradient > .vertical(@white, @grayDarker);
  }

我正在Rails 3.2.3应用程序中使用它。我想用于垂直渐变的颜色是start

#ffffff

stop

#191919

。我决定尝试预定义的变量，而不是十六进制值。我还尝试将

@

更改为

$

。我一直得到以下错误

Invalid CSS after "...ent > .vertical": expected "{", was "(@white, @grayD..."
  (in /Users/server1/Sites/iktusnetlive_RoR/app/assets/stylesheets/custom.css.scss).

---

你的问题不是来自引导的梯度混合。您在.scss文件中编写的代码较少，该文件是一个SASS文件，Rails将尝试使用SASS编译器编译它

LESS和SASS相似，但在语法和功能上有所不同。如果您想在rails 3.1资源管道中使用Bootstrap和LESS，您需要创建一个扩展名为.LESS的新文件，并将rails资源管道配置为使用较少的编译器编译较少的文件

---

这应该很简单，只需在gem文件中添加几个gem并捆绑安装即可获得这些gem，但我建议观看Railscasts的一集，以获得所有详细信息。

我也遇到了同样的错误。我没有导入定义#梯度的无引导文件。通过将

@import'mixins.less'

添加到我的less文件顶部，解决了这个问题。

类似于

#gradient>.vertical（@red，@blue）

（文件中的其他地方定义了

@color

，比如

@color:#fff；

）对我有用-你想添加什么颜色，你能在这里发布你的代码吗？非常感谢你的帮助，艾伦。我想我有个编译错误。Bootstrap网站上说，来自LESS的很多东西都包含在Bootstrap中。也许他们谈论的是变量而不是函数。我来看看录像。我也可以检查一下如何用常规的CSS代码做到这一点。耶！！！艾伦和贾罗德，你们两个都帮了我很多！！！我可以在Rails应用程序中使用更少的代码。我所做的一切就是安装twitter引导基础。这解决了问题。