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

Question

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

Answer 1

官方快速入门教程详细说明了尺寸：

默认情况下，网格为 950 像素宽，24 列跨越 30 像素，列之间有 10 像素的边距。

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

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