如何在不同分辨率的bootstrap sass中修改网格装订线宽度？

Question

我正在使用Twitter Bootstrap SASS 3。

我希望平板电脑的网格宽度在平板电脑（screen-sm）中为20px，在桌面上为30px（screen-md及更高）。

我有变量$grid-gutter-width = 30

然后我写了

@media (min-width: $screen-sm-min) {
   .row{margin-left:-10px; margin-right:-10px;}
   .col{padding-left:10px; padding-right:10px;}
}
@media (min-width: $screen-sm-min) {
    .row{margin-left:-$grid-gutter-width/2; margin-right:-$grid-gutter-width/2;}
    .col{padding-left:$grid-gutter-width/2; padding-right:$grid-gutter-width/2;}
}

将col类添加到我的所有行子（列）后

有谁知道更明智的做法？