2

问题

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

语境

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

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

谢谢您的帮助。

4

1 回答 1

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

于 2013-09-12T17:51:39.273 回答