指南针显示网格蓝图

Question

时它可以显示指南针蓝图网格看到它的布局。

下面是我想要实现该示例：

http://www.blueprintcss.org/tests/parts/grid.html

Answer 1

可替换地，包括showgrid混入（+showgrid在原始SASS语法）：

#my-container
  +showgrid

您这样做，不过，需要生成图像为您的特定电网味：

$ compass grid-img W+GxH [path/to/grid.png]
# Where:
# 
# W = Width of 1 column in pixels.
# G = Width of 1 gutter in pixels.
# H = Height of the typographic baseline in pixels.

Answer 2

就在类showgrid添加到您的容器

如果您在该网页上检查元素和删除showgrid类，你会看到它消失