css - Blueprint CSS 是否使用一些标准尺寸？

Question

我想知道蓝图 CSS 是如何工作的——它是否使用一些标准尺寸(例如 40 像素宽的 24 列，或 48 像素宽的 20 列)，通常是否有一个文件指定蓝图设置的细节？

Answer 1

官方quick start tutorial详细说明尺寸为:

By default, the grid is 950px wide, with 24 columns spanning 30px, and a 10px margin between columns.

还有 BlueCalc它允许您生成具有特定列宽、间距等的自己的 grid.css 文件。

也可以通过修改 BlueprintCSS 包中的 grid.css 文件手动修改列宽。 span-1 到 span-24 类每个都有一个绝对宽度集(尽管使用 BlueCalc 更容易直观地看到您所做的更改)。