改变波旁威士忌中网格的最大宽度属性答案

【问题标题】：chaging max width property of grid in bourbon neat改变波旁威士忌中网格的最大宽度属性
【发布时间】：2014-04-18 23:49:20
【问题描述】：

我第一次为你使用纯波旁威士忌。我要做的是在_grid.css 中设置max-width 的整洁属性现在我正在尝试在 PX 中说 700px 但默认情况下它的 $max-width: em(1000) !default; 我尝试在 PX 中提供它，但它不起作用。有人可以告诉我我在哪里做错了吗？谢谢。

【问题讨论】：

标签： html bourbon neat

【解决方案1】：

$max-width: em(1000) 正在使用 Bourbon 中定义的 mixin，它允许您以像素为单位设置值，mixin 会将其转换为 em。所以例子$max-width: em(1000)等于$max-width: 1000px

只需将该数字更改为您想要的像素值，然后让 mixin 为您计算 ems。

希望有帮助

【讨论】：

【解决方案2】：

我明白了。我应该更具体一点。

我指的是不同的文件。所以如果你已经完全安装了bitter，你应该在你的样式表目录中有一个名为bitters的文件夹。

你要查找文件stylesheets/bitters/_bitters.scss

打开该文件，它应该如下所示：

// Neat Settings -- uncomment if using Neat
///////////////////////////////////////////////////////////////////////////////
// @import "neat-helpers"; // or "neat/neat-helpers" when not in Rails
// @import "grid-settings";


// Bitters
///////////////////////////////////////////////////////////////////////////////
@import "variables";
@import "extends/base";
@import "mixins/base";
@import "typography";
@import "forms";
@import "tables";
@import "lists";
@import "flashes";

您会看到@import "grid-settings"; 当前已被注释掉。您需要取消注释。

然后，打开该文件：stylesheets/bitters/_grid-settings.scss

您现在可以从该文件中操作$max-width 变量。

希望对你有帮助！

【讨论】：

正如 github 手册所说，我将它导入到我的主要 scss 文件中，介于 bourobn 和整洁导入之间。
我明白了 - 我应该更清楚。您在上一条评论中指的是您的应用或网站的清单。
为我的网站添加到 main.scss。
我编辑了我的第一个答案，以便更明确地了解苦味的结构。
也许我可以明确地把它写在 scss 文件中。