@include makeColumn() Bootstrap Mixin 不工作

Question

问题

为什么 bootstrap-sass makeColumn(X) mixin 的行为与 Bootstrap .spanX 类不同？例如，使用 makeColumn(9) 的类与使用 .span9 类的同一个 div 看起来不一样。

上下文

我正在使用 Ruby on Rails 构建一个应用程序，但在尝试使用 bootstrap-sass gem 中的 mixin 时遇到了重大问题。

当我使用我定义的类时，我得到的样式与我只在 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";

感谢您的帮助。

Answer 1

我不确定您使用的是什么 SASS Adaptation，但在我使用的那个 (https://github.com/anjlab/bootstrap-rails) 中，文档不多，格式也发生了变化。

而不是@include makeRow();你必须使用：

@include make-row();

而不是@include makeColumn(3);你必须使用：

@include make-column(3);

更多文档可以在这里找到：https://github.com/anjlab/bootstrap-rails/blob/master/app/assets/stylesheets/twitter/bootstrap/_mixins.scss