Основание 5 - 1170 сетка вычисляется неправильно

Question

Я начал изучать фундамент 5, и у меня есть приложение, которое использует сетку 1170, с колонками 70px и 30px желобами (70 * 12 + 30 * 11 = 1170). Altho, когда я вводим значения по умолчанию для моего фонда _settings.scss файл:

$ row-width: rem-calc (1170); $ column-gutter: rem-calc (30); $ total-columns: 12;

Но вместо столбцов шириной 70 пикселей ширина одного столбца составляет 97 пикселей. Кто-нибудь знает, как он рассчитывается, может быть, мне не хватает некоторых переменных настроек? Заранее спасибо.

Я выяснил, что в Chome, например, он генерирует столбец размером 68 пикселей с отступом 15px влево и вправо. Любой способ сделать левое и правое заполнение контейнера исчезнет?

Answer 1

Я вычислил свою проблему.

Оказалось, что фундамент 1170 сетки, на самом деле сетка 1200px с полями 15px по обе стороны от каждого столбца. Это действительно хорошая идея, учитывая, что мы хотим сохранить внешние поля для более низких разрешений для каскада кадров.

Таким образом, решение должно иметь $ строк ширины набора до 1200.

Answer 2

Я не использовал фундамент, но если вы хотите, вы можете создать новый класс для заполнения 0 для, например:

.nopadding { 
    padding:0; 
    } 

Также я думаю, что установка $ коллапса: правда будет делать трюк.