css - 如何增加 zurb Foundation 中的行宽？

Question

我正在学习 Zurb 基础，我的问题是如何增加框架中行的默认宽度。

就像一个 960 网格系统有 960 像素。我怎样才能将行的宽度增加到 1200 像素，那么我应该添加自定义样式表吗？

Answer 1

您不必使用 !important。只需将您的新 CSS(例如 app.css)放在 foundation.css 下方并使用以下内容:

.row {
    max-width: .px;
}

您也可以使用另一个类并添加此属性，这样它就不会与默认行冲突。