Rails 3 + Compass + Blueprint无法正常工作

时间:2011-06-15 17:33:20

标签: ruby-on-rails-3 blueprint-css compass-sass

我使用了带有Rails的vanilla Blueprint,它运行得非常好。但是当我尝试通过指南针使用它时,它(网格系统)不知何故不起作用。

以下是我要遵循的步骤:

指南针初始化轨道

当我去创建模板时:

!!!
%html
  %head
    %title Test Project
    = stylesheet_link_tag :all
    = javascript_include_tag :defaults
    = stylesheet_link_tag 'screen.css', :media => 'screen, projection'
    = stylesheet_link_tag 'print.css', :media => 'print'
    /[if lt IE 8]
    = stylesheet_link_tag 'ie.css', :media => 'screen, projection'
    = csrf_meta_tag
  %body
    .container
      .span-24
        The header
      .span-4
        The first column
      .span-16
        The center column
      .span-4.last
        The last column
      .span-24
        The footer

这一切都与蓝图不同。我用谷歌搜索并遇到了一些教程/博客,然后接着它仍然无法正常工作。我试过的上面的一些变化是:

compass init rails --using blueprint
compass init rails . --using blueprint
compass init rails . --using blueprint/semantic

然后在我发现的一个教程中,body.bp会起作用,如:

  %body.bp
    #container

确实稍微改变了格式,但网格仍无法正常工作。请帮忙。

1 个答案:

答案 0 :(得分:2)

终于能够做到了。

%body.bp.two-col