显示指南针蓝图网格

Question

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

这里是我想要达到的样本：

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

Answer 1

或者，包括showgrid mixin（原始SASS语法中的+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. 

Answer 2

类showgrid只需添加到您的容器

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