Zurb Foundation 4 - 첫 번째 열과 마지막 열의 패딩 없음

Question

내 프로젝트에서 Foundation 4와 Sass를 사용하고 있습니다. 난 칼럼의 시궁창에 문제가있어. 내 문제는 열이 전체 너비에 걸쳐있는 경우를 제외하고 왼쪽과 오른쪽 모두에 열에 패딩이 있음을 말합니다.

그래서 전체 너비 (12 열)의 요소가있는 행이있는 경우 패딩이없고 너비는 100 %입니다. 그러나 그 위에 여러 열이있는 다른 행이있는 경우 첫 번째 행과 마지막 행은 거터에 들여 쓰여져 위의 요소와 정렬되지 않습니다.

예 :

HTML

.widget { 
    /*Spans the 12 columns*/ 
    @include grid-column($total-columns); 
} 
aside { 
    @include grid-column(3); 
} 
section { 
    @include grid-column(9, true); 
} 

그래서 당신이 볼

<div class="row"> 
    <div class="widget"> 
     Some contents here 
    </div> 
</div> 
<div class="row"> 
    <aside>Left aside, first column</aside> 
    <section>Right section, last column</section> 
</div> 

CSS는 widget에는 패딩이없는 것이고, aside +를 section보다 클 수 있습니다.

부트 스트랩을 읽었으며 마지막 열에는 패딩이 없으므로 이와 같은 작업을 수행하고 싶습니다. 부모 행에서 "붕괴"를 시도했지만 아무것도하지 않는 것 같습니다. 패딩은 여전히 ​​있습니다.

는 나는 그것이 내가 발견 된 가장 일반적인 대답, 첫 번째 열 및 .first-class { padding-left: 0 !important; } 일에 .first-class을 추가 할 수 있습니다 알고 있지만, 나는 재단에 매개 변수를 추가 할 ...

매우 의미하지 않는 것 이런 패딩 관리를위한 grid-column mixin!

Answer 1

재단은 그리드 컬럼 믹스에 이와 같은 패딩 관리 매개 변수를 추가하기를 원합니다.

grid-column already has a collapseproperty. padding-right: 0; padding-left: 0을 직접 지정할 수도 있지만 collapsewill do that for you입니다.