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

Question

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

Answer 1

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

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

希望有帮助

Answer 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变量。

我希望这会有所帮助！