如何从Zurb Foundation 4将网站迁移到Zurb Foundation 6？

Question

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

来自版本4x的css类如

row, large-12 columns, panel, callout

我想找出一些过渡的基本方法？

问题：仍然支持行，列和面板类吗？

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

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

基金会6中的等价物是什么？

Answer 1

Flex Grid或Float Grid仍然受支持，但是你需要稍微不同地导入Foundation。

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

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

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

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

在萨斯：将$xy-grid设为false。

根据您给出的示例，最直接的“转换”将是：

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