如何使用Milligram CSS框架实现极简主义风格的前端快速原型开发？

本文共计934个文字，预计阅读时间需要4分钟。

Milligram 默认启用 normalize，自定义 reset，会重置 、、 的 border、background 和 padding，导致在 Chrome/Firefox 下看起来像没渲染出来。这不是 bug，是极简设计的主观取舍。

实操建议：

• 检查是否漏加 class="input" — Milligram 不自动样式化原生表单元素，必须显式添加类名才能获得基础边框和尺寸
• 若用 input[type="checkbox"] 或 input[type="radio"]，需额外加 class="checkbox" 或 class="radio"，否则完全不可见
• 避免直接覆盖 input { border: 1px solid #ccc; }，优先用 Milligram 提供的 .input + .input-sm / .input-lg 组合来调节尺寸

Grid 布局里 column 类名不生效的三个常见原因

Milligram 的栅格系统依赖 .row 包裹 .column，且不支持嵌套 .row。一旦结构错位，CSS 选择器就失效。