显示指南针蓝图网格

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 类，您就会看到它消失