Ширина сетки не 960px

Question

Возможно, у меня может быть что-то общее, но почему сетка с подозрением не равна 960px?

$total-columns : 12;    // a 12-column grid 
$column-width : 60px;   // each column is 4em wide 
$gutter-width : 10px;   // 1em gutters between columns 
$grid-padding : $gutter-width; // grid-padding equal to gutters 

$container-style: static; 

.susy-container { 
    @include container; 
} 

И я получаю ширину 830px. Любая идея, почему это не 960px, как другие решетки?

Answer 1

Попробуйте математику снова:

(12*60) + (11*10) = 830 

Официальным 960 Grid System использует 20px желобов и 10px сетки-отступы:

$total-columns : 12; 
$column-width : 60px; 
$gutter-width : 20px; 
$grid-padding : 10px; 

Это должно дать вам то, что вы ищете.

(12*60) + (11*20) + (2*10) = 960