#css #zurb-foundation #zurb-foundation-6
#css #zurb-foundation #zurb-foundation-6
Вопрос:
Я смотрю на большой проект, в котором использовалась версия Foundation 4.x . В этом проекте широко использовалась сетка: почти все HTML-страницы имеют
классы css из версии 4x, такие как
row, large-12 columns, panel, callout
Я пытаюсь выяснить несколько основных методов перехода?
вопрос: поддерживаются ли по-прежнему классы строк, столбцов и панелей?
как перевести старые строки и столбцы в новые классы сетки, т.Е. если у меня есть
<div class="row>
<div class="large-12 columns">
какой эквивалент в Foundation 6?
Ответ №1:
По-прежнему поддерживается гибкая сетка или плавающая сетка, однако вам нужно импортировать Foundation немного по-другому.
Чтобы использовать плавающую сетку в Foundation версии 6.4 , вам необходимо:
В менеджерах ссылок CDN или пакетов: импортировать foundation-float.css вместо foundation.css .
В Sass: установите оба $xy-grid и $global-flexbox в false .
Чтобы использовать Flex Grid в Foundation версии 6.4 , вам необходимо:
В менеджерах ссылок CDN или пакетов: импортировать foundation-flex.css вместо foundation.css .
В Sass: установите $xy-grid значение false .
Чтобы обновить ваш HTML, используйте XY Grid
Исходя из приведенного вами примера, наиболее прямым «преобразованием» было бы:
<div class="grid-x">
<div class="cell">