Question

Я смотрю на большой проект, который использовал Foundation версии 4.x. Этот проект широко использовал сетку: почти все HTML-страницы имеют

классы CSS из версии 4x, такие как

row, large-12 columns, panel, callout

Я пытаюсь выяснить несколько основных методов перехода?

вопрос: классы строк, столбцов и панелей все еще поддерживаются?

как перевести старые строки и столбцы в новые классы сетки, т.е. если у меня есть

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

что такое эквивалент в Foundation 6?

Andy Clarke · Answer 1 · 28 марта 2019

Сетка Flex или Float Grid по-прежнему поддерживается, однако импортировать Foundation немного иначе.

Чтобы использовать Float Grid в Foundation v6.4 +, вам необходимо:

В CDN link или менеджерах пакетов: импорт foundation-float.css вместо foundation.css.

В Sass: установите $xy-grid и $global-flexbox на false.

Чтобы использовать Flex Grid в Foundation v6.4 +, вам необходимо:

В CDN link или менеджерах пакетов: импорт foundation-flex.css вместо foundation.css.

В Sass: установите $xy-grid на false.

Исходя из приведенного вами примера, наиболее прямым «преобразованием» будет:

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