Выравнивание сетки фундамента из нескольких рядов
У меня проблема с повторением базового "среднего 4 столбца". Когда идет вторая строка, сетка ведет себя необычно... взгляните на мою ссылку1 в chrome, она начинается справа во втором ряду... и в Firefox она тормозит. Также эквалайзер не работает на этой странице.. он работает на других страницах, таких как link2
2 ответа
Хотя у Саи Рам Судхира есть правильный ответ, когда речь идет о сетке из 12 столбцов Фонда, вы также должны взглянуть на функциональность блочной сетки.
Фреймворк имеет сеточную структуру по умолчанию с 12 столбцами.
Лучший способ использовать, имея row класс для каждых 12 столбцов.
выпуск:
Если вы посмотрите на вашу вторую колонку - ОТКЛОНЕННАЯ ПОДУШКА ВНИЗ. Он занимает большую высоту по сравнению с остальными столбцами в этом ряду. Таким образом, product2 с плавающей точкой:left не может перемещаться в начало строки.
Решение:
1.Use row класс для каждых 12 столбцов.
2.Если у вас сложная структура сетки, и вы не согласны с row использование класса clear:both на product2, чтобы выровнять его в новом ряду.
Проверьте этот ответ, не основанный на foundation но похожая проблема - ССЫЛКА