설명시 개념과 어떻게 사용하는지에 대한 설명이 더 자세 했으면 합니다.

안녕하세요.

1. gutter 부분은 부트스트랩의 column 사이의 padding이 포함된 그리드 개념입니다.

보통 .row 밑에 컬럼들 예컨대 .col 또 .col이 있다면 이 두 개의 .col-6은 붙어있게 되는데요,

.row에 gx-* 클래스를 추가하면 개별 컬럼 속에 padding이 추가되는 것인데,

대신에 그 상위 클래스 .container에 px-4같은 클래스를 넣어줘야 해서

아직까지는 그리 많이 사용되는 클래스는 아닙니다. 

또한 컬럼에서 gx-*라면 수평으로, gy-*라면 수직으로 여백이 생겨서 불편한 점도 있구요.

그냥 .col-* 다음 px-* 또는 py-* 클래스를 추가하는 것이 좀 더 나을 것 같습니다만...

2. w-100은 css에서 width: 100%;와 같은 개념의 부트스트랩 클래스입니다.

w-auto와 거의 비슷한데 

다만 w-auto 클래스(즉, width: auto;)는 margin이나 padding 그리고 border를 포함하지 않구요,

w-100 클래스는(width: 100%;)는 포함되는 개념입니다.

동영상 설명 중에 부족하다고 느끼신 부분에 대해서는 죄송하게 생각합니다. 다만, 그렇게 중요하지 않은 것 같아서 간략히 넘어간 부분도 있습니다. 추후에 업그레이드를 할 때 지적에 대해서는 좀 더 부연설명을 할 수 있도록 하겠습니다.

감사합니다.