أظهر شبكة مخطط البوصلة

Question

هل من الممكن إظهار شبكة مخطط البوصلة لرؤية تخطيطها.

هذه هي العينة التي أريد تحقيقها:

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

Answer 1

بدلاً من ذلك ، قم بتضمين showgrid mixin (+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 ، فسترى أنها تختفي