试图让容易网格工作与骨头的主题

Question

我有以下配置文件

# Require any additional compass plugins here.
require 'susy'
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "library/css"
sass_dir = "library/scss"
images_dir = "library/images"
javascripts_dir = "library/js"
fonts_dir = "library/fonts"
output_style = :nested

我也有以下scss文件，这是由指南针观看(我有一个容器周围我的内容，所以我应该看到网格，但我看不到它，所以susy显然不工作，但我不知道为什么?如有任何帮助，将不胜感激)

// ---------------------------------------------------------------------------
// Imports
@import "susy";
// ---------------------------------------------------------------------------
// Basic Grid
$total-columns  : 12;
$column-width   : 4em;
$gutter-width   : 1em;
$grid-padding   : $gutter-width;
$show-grid-backgrounds  : true;


/*
.onecol    { width: 5.801104972%;  }       
.twocol    { width: 14.364640883%; }       
.threecol  { width: 22.928176794%; }       
.fourcol   { width: 31.491712705%; }       
.fivecol   { width: 40.055248616%; }      
.sixcol    { width: 48.618784527%; }      
.sevencol  { width: 57.182320438000005%; } 
.eightcol  { width: 65.74585634900001%; } 
.ninecol   { width: 74.30939226%; }        
.tencol    { width: 82.87292817100001%; }  
.elevencol { width: 91.436464082%; }       
.twelvecol { width: 99.999999993%; }      
*/
// layout & column defaults
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
}
.first {
  margin-left: 0;
}
.last {
  float: right;
}
/* -------------------------------------------------------------------------*/
/* Layout */
.container {
  @include container;
  @include susy-grid-background;
}

Answer 1

哎呀，原来我有一个容器的id而不是容器类在我的html。对不起。