未定义的mixin'media-breakpoint-only'

时间:2016-09-23 12:51:02

标签: ruby twitter-bootstrap css3 compass-sass bootstrap-4

我正在尝试启动一些bootstrap4 / sass编码。

我认为我已经完成了配置环境/项目设置所需的一切:

使用

  

ruby​​ 2.3.1p112(2016-04-26修订版54768)[i386-mingw32]

在已安装的宝石中(之前尝试了一些bootstrap 3):

  

autoprefixer-rails(6.3.6.2)
  bootstrap(4.0.0.alpha4,4.0.0.alpha3)
  bootstrap-sass(3.3.7,3.3.6)
  断点(2.7.0)
  指南针(1.0.3)
  罗盘核心(1.0.3)
  compass-import-once(1.0.5)
  sass(3.4.22)
  sass-globbing(1.1.5,1.1.0.pre.0)
  时髦的按钮(0.2.6)
  sassy-maps(0.4.0)

style.scss中的

  

@import“compass / css3”;
  @import'变量/ ';
  @import“bootstrap”;

在config.rb中:

  

需要'compass / import-once / activate'
  需要'bootstrap'
  要求'sass-globbing'
  要求'断点'

但我的指南针正在工作并生成styles.css:

/* line 18, c:/Ruby23/lib/ruby/gems/2.3.0/gems/bootstrap-4.0.0.alpha4/assets
/stylesheets/bootstrap/_normalize.scss */
body {
  margin: 0;
}

只使用一些bootstrap mixin:

Error: Undefined mixin 'media-breakpoint-only'.

我错过了什么?

1 个答案:

答案 0 :(得分:2)

我认为你拥有所需的一切,但顺序错了。指南针(?)工作时需要mixin Linux Standard Base (LSB)(bootstrap sass function / mixin)。因此,您必须更改订单。订单(我认为)应该是这样的:

  1. 要求断点
  2. 需要bootstrap
  3. 需要指南针
  4. 对于styles.scss也一样,bootstrap应该在罗盘之前。如果这不起作用尝试另一个订单。让我知道。