显示指南针蓝图网格

Question

是否可以显示指南针蓝图网格以查看其布局。

以下是我想要实现的示例：

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

Answer 1

只需将showgrid类添加到容器

即可

如果您检查该页面上的元素并删除showgrid类，您将看到它消失

Answer 2

或者，在原始SASS语法中包含showgrid mixin（+showgrid）：

#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.