Ruby on rails 网格跨度函数don';I don’’我不能和奇点和轨道一起工作

Ruby on rails 网格跨度函数don';I don’’我不能和奇点和轨道一起工作,ruby-on-rails,ruby-on-rails-4,sass,compass-sass,singularitygs,Ruby On Rails,Ruby On Rails 4,Sass,Compass Sass,Singularitygs,因此,首先我有以下配置: Rails 4.0.2 Sass 3.2.13 罗盘0.12.2 我的档案如下: Gemfile 。。。 gem'sass-rails' 宝石“指南针轨道” 创业板“断点” 宝石“奇点” ... application.css.scss /*混合*/ @进口"指南针";; @导入“断点”; @输入“singularitygs”; /*变数*/ 美元:12美元;; $排水沟:1/3; /*风格*/ *{@include框大小('border-box');} .集

因此,首先我有以下配置:

  • Rails 4.0.2
  • Sass 3.2.13
  • 罗盘0.12.2
我的档案如下:


Gemfile

。。。
gem'sass-rails'
宝石“指南针轨道”
创业板“断点”
宝石“奇点”
...

application.css.scss

/*混合*/
@进口"指南针";;
@导入“断点”;
@输入“singularitygs”;
/*变数*/
美元:12美元;;
$排水沟:1/3;
/*风格*/
*{@include框大小('border-box');}
.集装箱{
@包括背景网格;
保证金:0自动;
最小高度:100%;
最大宽度:960像素;
@包括clearfix;
}
标题{
.logo{@include grid span(4,1);}
.user{@include grid span(4,8);}
}

HTML


标志
使用者

网格跨度
函数不返回任何内容(空白)。这张图片代表了我的期望:

这就是我所拥有的:


有人知道如何解决它才能正常工作吗?

看来您唯一缺少的是,因为
div
s将呈现一个叠加在另一个之上的默认值

更新
应用程序.css.scss
的变量部分,如下所示(此处不需要定义,但这将更有意义!),即使用
$grids
$gutters
):


这会将输出样式设置为
float
,并且您的
网格跨度
div
float
,如您在预期结果中所示。

hm如果您尝试在SASSMISTER上进行设置,它会正常工作。我唯一改变的是:

@包括网格跨度(4,8); 到 @包括网格跨度(4,9); 因为如果你从第8列开始,如果你的跨距网格是4列宽,你只能到第11列。但除了你的预期结果:


谢谢,但不要工作!首先,
$output
有一个默认参数,它是“隔离”。其次,即使我希望在全局范围内设置“float”,它也不起作用(尽管它应该起作用)。最后,如果我调用函数,比如
@include grid span(4,1,$output style:'float')它神奇地工作!我没有测试过它,但是如果在include语句之前定义变量会发生什么呢?我已经测试过了,但是结果是一样的。(我甚至重新启动了Rails,认为这可能是相关的。)询问者说,
grid span
函数没有返回任何输出,因此这是Rails设置的问题。
/* Variables */
$grids: 12;
$gutters: 1/3;
$output: 'float';