全局宽度不适用于基金会的新 XY 网格答案

【问题标题】：global-width is not working with foundation's new XY Grid全局宽度不适用于基金会的新 XY 网格
【发布时间】：2020-08-12 05:22:10
【问题描述】：

我正在使用使用 Foundation 6.5 的最新关节WP。我之前使用 flex grid 没有任何问题。我想我可以试试新的 xy 网格，因为它有一些方便的功能。但是全局宽度不起作用。在 _settings.scss 我有这些：

$global-width: 1150px;
$xy-grid: true;

在 style.scss 中：

// Select the grid you would like to use
// @include foundation-grid;
// @include foundation-flex-grid;
@include foundation-xy-grid-classes;

// @include foundation-flex-classes;
@include foundation-visibility-classes;
@include foundation-float-classes;

在footer.php中：

<div class="inner-footer grid-x grid-margin-x grid-padding-x">

    <div class="small-12 medium-12 large-12 cell">
        <nav role="navigation">
            <?php joints_footer_links(); ?>
        </nav>
    </div>

    <div class="small-12 medium-12 large-12 cell">
        <p class="source-org copyright">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>.</p>
    </div>

</div>

但它在浏览器中变得全宽。我不确定我在这里缺少什么。 foundation-grid 和 foundation-xy-grid-classes 之间也有点混淆。但我都试过了。另外，使用新的 xy 网格是否比使用 flex 网格更好，意见？提前致谢。

【问题讨论】：

您已经在我们的论坛中发布了该内容。你忘记了容器。 foundation.discourse.group/t/…

标签： wordpress sass zurb-foundation