Question

我正在看一个使用Foundation版本4.x的大型项目。该项目广泛使用了网格：几乎所有HTML页面都具有

版本4x中的

css类，例如

row, large-12 columns, panel, callout

我正在尝试找出一些基本的过渡方法？

问题：行，列和面板类是否仍受支持？

如何将旧的行和列转换为新的网格类，即如果我有

<div class="row>
  <div class="large-12 columns">

Foundation 6中的等效项是什么？

Answer 1

Flex Grid或Float Grid仍受支持，但是导入Foundation的方式略有不同。

要在Foundation v6.4 +中使用浮动网格，您需要：

在CDN链接或程序包管理器中：导入foundation-float.css代替foundation.css。

在Sass中：将$xy-grid和$global-flexbox都设置为false。

要在Foundation v6.4 +中使用Flex Grid，您需要：

在CDN链接或程序包管理器中：导入foundation-flex.css代替foundation.css。

在Sass中：将$xy-grid设置为false。

根据您提供的示例，最直接的“转化”将是：

<div class="grid-x">
    <div class="cell">