Основание установить неправильную ширину столбца

Question

Я использую версию Sass Foundation 6. У меня есть раздражающая проблема по ширине столбцов, которые у меня никогда не было.

Это мой простой HTML код

<div class="foo"> 
    <div class="foo__row"> 
    <div class="foo__title">Lorem ipsum</div> 
    </div> 
</div> 

и этого SCSS

.foo{ 
    &__row{ 
    @include grid-row; 
    } 
    &__title{ 
    @include grid-column(12); 
    } 
} 

Но CSS установить ширину foo__title на 150% вместо 100%.

Кто-нибудь знает почему? Я схожу с ума

Answer 1

Решено! я заметил, была линия объявлена ​​

@include grid-row(8); 

Так подвесная система основана на 8 колонок, а не на 12 перевалы.

Answer 2

что я могу видеть вас в том числе подмешать под названием: grid-column(12) в своем классе:

&__title{ 
    @include grid-column(12); 
} 

сделать поиск в нашем проекте на: сетки-колонки (12) и посмотреть что это внутри, я совершенно уверен, что вы пойдете в этот микс, результат выше.