Question

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

Answer 1

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

我指的是另一个文件。因此，如果您已经完全安装了苦味，那么您的样式表目录中应该有一个名为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变量。

我希望有所帮助！

Answer 2

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

然后继续将该数字更改为您想要的值（以像素为单位），让mixin为您进行ems数学运算。

希望有所帮助

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

2 个答案: