css - @include makeColumn() ブートストラップ Mixin が機能しない

Question

質問

bootstrap-sass makeColumn(X) mixin が Bootstrap .spanX クラスと同じように動作しないのはなぜですか? たとえば、makeColumn(9) を使用するクラスは、.span9 クラスを使用する同じ div と同じには見えません。

環境

Ruby on Rails を使用してアプリケーションを構築していますが、bootstrap-sass gem でミックスインを使用しようとすると大きな問題が発生します。

定義したクラスを使用すると、Bootstrap で .span クラスを使用した場合と同じスタイルになりません。私はインターネット全体を見てきましたが、何が問題なのかわかりません。あまりにも長い間画面を見つめていたために見えていないのは、かなり明白なことだと思います.

HTML

<div class="content">
  <div class="main">...</div>
  <div class="sidebar">...</div>
</div>

scss ファイル

@import "bootstrap";

body {
    .main-content {
        @extend .container;
    }

    .content {
        @include makeRow();
    }

    .content .main {
        @include makeColumn(9);
    }

    .content .sidebar {
        @include makeColumn(3);
    }

    .feature {
        @include makeColumn(4);
    }

    padding-top: 60px;
}

footer {
    @extend .container;
}

@import "bootstrap-responsive";

助けてくれてありがとう。