Описание тега xy-grid
1
ответ
У меня возникли проблемы с центрированием моих изображений на маленьком экране, используя основную сетку XY
Я создал тренировочный сайт с новой сеткой Foundation xy, и когда я уменьшаю размер браузера до небольшого экрана, изображения обнимаются с левой стороны страницы и больше не центрируются. Это не так, пока я не сделаю экран наименьшего размера, кото…
25 июл '17 в 01:52
1
ответ
Основание XY Grid
У меня есть сетка XY, и внутри нее находится смещенный холст, но в теле сетки XY. Я хочу, чтобы смещение положения холста влево занимало всю высоту доступного пространства, но это не так. Это оборачивает высоту холста в соответствии с высотой содерж…
17 авг '18 в 12:00
1
ответ
Преобразование Zurb Foundation Flex-Grid в XY-Grid (Sass)
Я реализую сайт, который был разработан для нас, используя макет Flex-Grid от Foundations. Мы действительно собрали всего пару страниц, и прежде чем я начну расширять другие страницы, я бы хотел перейти с Flex-Grid на XY-Grid, поскольку Zurb помечае…
16 янв '18 в 23:49
0
ответов
Решать, когда вам нужна новая сетка-х "строка" в фундаменте 6 XY сетки
Я пытаюсь определить лучшие практики использования grid-x "строк" в Foundation 6 XY grid. В частности, есть ли хорошее эмпирическое правило, когда мне нужно создать новую "строку" grid-x вместо помещения нескольких ячеек одного элемента в одну "ст…
26 май '18 в 01:53
1
ответ
Фундамент 6.5 - Многочисленные водосточные желоба
Можно ли использовать миксины Foundation XY Grid SASS для создания вариаций желоба сетки? Например, я хотел бы иметь сетку с желобом 30px и сетку с желобом 10px. Других различий между сетками нет. <!-- Regular (30px) grid gutter -> <div cla…
31 окт '18 в 01:09
1
ответ
Основание XY Grid: странное поле только справа
Я пытаюсь создать заголовок сайта, используя плагин Sticky и XY Grid от Foundation. Внутренний <div class="grid-x"> остается только справа, и я не могу понять, почему. Я вижу в инспекторе Chrome, что с обеих сторон есть отрицательные поля, зде…
28 фев '19 в 10:55
0
ответов
Основа 6 XY Grid Создание семантически адаптивного синтаксиса
Поэтому я решил не использовать классы по умолчанию для создания моих компонентов на веб-сайте. Я использую синтаксис "Сборка семантически", но я думаю, что я должен делать что-то не так, поэтому ниже приведен HTML-макет моего компонента и для сравн…
17 окт '18 в 20:47
1
ответ
Zurb Foundation 6 XY Grid с использованием Grid Container внутри Flex-Container
Я использую ZURB foundation 6 с сеткой XY и столкнулся с небольшой проблемой, и, скорее всего, я что-то не так делаю. Я хочу центрировать элементы по вертикали, поэтому я использую <div class="flex-container"> <div class="grid-x grid-paddin…
11 янв '18 в 18:55
1
ответ
Фундаментная XY сетка полной ширины для некоторых ячеек
Мне интересно, можно ли установить полную ширину для некоторых ячеек на сетке Foundation 6.5 XY. Я знаю, что grid-контейнер может быть установлен как жидкий или полный, но я намерен в пределах одного grid-контейнера установить несколько ячеек на пол…
29 ноя '18 в 03:52
1
ответ
Как решить проблему адаптивного поведения XY-Grid в Foundation Sites v6.5.3
Я новичок в Zurb Foundation, но с удовольствием изучаю эту новую структуру. Он заменяет старую рабочую лошадку, которой я пользуюсь много лет, и, кажется, делает почти все, что мне нужно. К сожалению, есть отзывчивый заголовок, который я пытаюсь вып…
29 мар '19 в 02:04
1
ответ
Как равномерно распределить высоту ячеек в Foundation XY-grid (flexbox)
Используя базовую XY-сетку и, в частности, вложенную grid-y внутри ячейки, я хочу использовать класс.auto в родительской ячейке для равномерного распределения высоты ячейки, в случае grid-y с 2 ячейками, которые будут 50%/50%. Это работает нормально…
15 июн '19 в 00:22
1
ответ
Вертикально выровнять содержимое внутри ячейки XY-Grid
Используя ZURB Foundation XY-Grid, я хочу вертикально центрировать содержимое ячейки, сохраняя при этом возможность заполнения ячеек общей высотой сетки (для каждой ячейки должен быть свой фоновый рисунок), что не позволяет использовать класс ".alig…
13 июн '19 в 22:00
0
ответов
Как центрировать горизонтально и вертикально с помощью сетки XY?
Может кто-нибудь помочь с позиционированием в абсолютном центре (горизонтальном и вертикальном) очень простой формы? <form> <div class="row"> <div class="small-1 columns"> <label for="email" class="text-right middle">Email<…
04 авг '19 в 19:50
0
ответов
Основание 6: Горизонтальный раскрывающийся список, вложенный в вертикальный раскрывающийся список. Можно ли выровнять вложенное меню по верху?
У меня есть вертикальное меню, вложенное в другое вертикальное меню, и раскрывающийся список открывается справа. Верхняя часть подменю выравнивается по родительскому элементу, но я бы хотела, чтобы он был выровнен по первому пункту в родительском ме…
23 авг '19 в 05:10
0
ответов
Основание 6: Могу ли я иметь выпадающее меню, ограниченное шириной контейнера сетки, с подменю, ширина которого простирается до краев браузера?
В Foundation XY Grid я пытаюсь создать выпадающее меню с заданной шириной grid-container, но раскрывающееся подменю расширяется за пределы контейнера до краев браузера. Я попытался настроить подменю для использования: .sub-menu { position: absolute;…
23 авг '19 в 01:07
0
ответов
Foundation XY Grid - изменение иерархии ячеек на средних и малых без изменения высоты сетки по оси x.
В настоящее время я пытаюсь использовать упорядочение источников, чтобы переместить изображение слева от двух элементов на маленьком экране с одним элементом полной ширины внизу. Затем я хочу переместить изображение справа от всех трех элементов на …
17 сен '19 в 00:21
0
ответов
Выравнивание текста Foundation XY-Grid по вертикали и горизонтали на четырех квадратных карточках
Я хочу отобразить карточку с четырьмя квадратами с содержимым, центрированным по горизонтали и вертикали во всех четырех ячейках. Я изо всех сил пытаюсь понять, как это сделать, с помощью документации Flexbox Utilities. У меня есть код, подготовленн…
15 окт '19 в 18:29
0
ответов
XY-сетка Zurb Foundation создает непостоянные желоба
Я ищу общее решение, которое можно применить в рамках проекта для каждого сценария с сетками, следующими друг за другом. Изначально, когда сетки с.grid-margin-y следуют друг за другом, между ними образуется половина желоба сетки, что очень затрудняе…
14 сен '19 в 16:54
1
ответ
Как определить поля сетки для каждой точки останова при семантическом построении XY-сетки Foundation
Я хочу построить сетку, используя миксины для XY-сетки в Zurb Foundation 6.6, но у меня возникают проблемы, когда я хочу установить отрицательные поля для самой сетки только на определенных точках останова. Использование миксина xy-gutters() создает…
06 май '20 в 21:07