Twitter bootstrap 如何在Sinatra项目中开始使用Twitter引导和Sass？

我知道Twitter Bootstrap用更少的语言编写，但也有很多Sass版本。我很难想出最好的一个使用，以及如何设置我的Sinatra项目

我希望我的资产在生产环境中进行预编译和指纹识别，但在开发过程中有未压缩的资产，因此我可以更轻松地调试（如Rails资产管道）。我试过设置，但需要指南针。但是当我有了所有的twitter引导程序混音时，我真的不需要指南针。我在配置它时也遇到了问题

---

无论如何，一个关于我应该做什么的明确答案将是有帮助的

我只是在布局模板中为.less版本的引导或重新编译的.css版本使用依赖于环境的标记：

<% if settings.development? %>
    <link rel="stylesheet/less" href="/less/style.less">
    <%= javascript_tag "/js/libs/less-1.2.1.min.js" %>
<% end %>

<% if settings.production? %>
    <%= stylesheet_tag "/css/mycss.css" %>
<% end %>

（在该示例中，我还使用它为css文件添加生产时间戳。）

public/less/style.less的开头类似于：

 @import "bootstrap/bootstrap.less";

 @import "bootstrap/responsive.less";

所有bootstrap.less文件都位于public/less/bootstrap/

基本上就是把所有的东西都放进去

然后，您可以开始在同一个文件中自己处理，导入您制作的其他文件，或者编辑实际的核心引导文件（：|）

如果您真的必须使用sass（我不明白为什么会这样，请参阅注释），它并不像没有一个标准的.js编译器可以轻松地包含在您的布局中那样简单

---

我想当您在开发模式下运行时，您可以尝试告诉rack在config.ru中使用。但我从未尝试过，有一次我尝试使用.less机架插件时遇到了问题。

为什么不直接使用编译版本的bootstrap？你没有改变太多，是吗？您仍然可以使用自己的css文件的sass版本来调整引导以满足您的需要。我确实希望通过为我的字体、颜色等设置一个变量来覆盖Twitter引导默认值，就像他们的文档中提到的那样。否则，我会像其他所有使用Twitter Bootstrap.BTW的网站一样，在我看来，麻烦使用sass版本的Bootstrap是毫无意义的。您正在使用bootstrap获得一组标准化的合理默认值和工具。这些默认设置和工具的内置量较少。Less和sass只是生成css的两个方便的marco。它们没什么不同，而且都很简单。因此，只需使用您正在使用的库最支持的一个（在本例中较少）。您能否举例说明style.less文件的外观？启动时，只需调用bootstrap.less文件的其余部分即可<代码>@import“bootstrap/bootstrap.less”@导入“bootstrap/responsive.less”所有其他.less文件都位于

public/less/bootstrap/

中。

 @import "bootstrap/bootstrap.less";

 @import "bootstrap/responsive.less";