Как предотвратить разрушение колонны при использовании желобов, Джит

Question

Я пытаюсь получить четыре столбца, используя Джит и желоб.5

col(1/4, gutter: .5, cycle: 1/4)

Это заставляет четвертый столбец переходить в новую строку, давая мне только 3 столбца. Я попробовал это без желоба, и то же самое происходит.

col(1/4, cycle: 1/4)

Answer 1

cycle ваше значение блоков / строк, поэтому оно должно быть целым числом:

col(1/4, gutter: .5, cycle: 4)

Answer 2

У меня была похожая проблема, когда у меня были разные столбцы и желоба для разных разрешений, и мне приходилось разматывать все перед установкой нового цикла для другого разрешения, например

@include col(1/2, $gutter: 2, $cycle: 2);
@media screen and (min-width: $breakpoint2) { 
    @include col(1/3, $gutter: 3, $uncycle: 2, $cycle: 3); 
}