2011-06-15 9 views
0

私はRailsでvanilla Blueprintを使用しました。しかし、私がコンパスを使ってみると、それは何とか動作しません。Rails 3 + Compass + Blueprintが動作しません。

コンパスのinitレール

私が行くと、テンプレート作成

:それはすべての設計図とは異なり、プレーンとして来る

!!! 
%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 

は、ここで私は、次の午前の手順です。私はグーグルで、いくつかのチュートリアル/ブログに出くわし、それに続いて、まだ動作しません。その上、私が試したのいくつかのバリエーションがあります:

%body.bp 
    #container 

それは、書式設定を少し変更しなかったが、グリッド:

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

はその後、チュートリアルの1に私はbody.bpは次のように、うまくいく、ことがわかりましたまだ動作していません。助けてください。

+0

私は、ハムレールの宝石を取り除き、最小限の宝石のセットを保つことを試みました。乗客でも試してみました。まだ運がありません。私は明らかなものを見逃しているに違いない。助けてください。 – RubyDev

答えて

2

最後に実行できます。

%body.bp.two-col

+0

それから、提供されている2列レイアウトを拡張して、3つの列を持つ1つのデザインを完成させました。コンパスは本当にクールです! – RubyDev