SCSS 숙제 3번 응용(그리드) 질문

[빡대가리1]

 

안녕하세요 선생님.
SCSS숙제중 3번인 부트스트랩-그리드 기능 응용에 대한 질문입니다.

부트스트랩-그리드 기능중에는 .col 클래스가 있는데요, (<div class="col"></div>)
이 기능은 1개만 넣으면 100%, 2개를 넣으면 50% 3개를 넣으면 33.33%...등등
지가 알아서 퍼센티지를 맞춰서 잘 넣어지는것 같습니다.
(https://getbootstrap.com/docs/5.1/layout/grid/#example 안에 있는 'Equal-width' 부분을 봐주세요.)

 

그렇다는것은 .col 클래스 자체에 width값이 고정되있지 않다는것인데,
이런 Auto-layout columns 기능도 SCSS나 CSS로도 만들 수 있나요??

일단 width값과 min-width값을 넣어봤는데, 전혀 움직이지 않네요.

[codingapple]

Bootstrap에선 .row 안에 .col 넣을 수 있는데

.row 라는 클래스에 display : flex 주면

안의 div들은 몇개 있든간에 가로로 배치됩니다

 

[글쓴이]

글