Bootstrap 4 그리드 시스템이 제대로 안 먹힙니다

Question

Bootstrap 4로 3단 레이아웃을 만들려고 하는데 그리드가 안 먹힙니다. ```html 1 2 3 ``` Bootstrap 3에서는 잘 됐는데, 4로 바꾸니까 세로로 쭉 나열됩니다. CDN 링크도 제대로 넣었는데 뭐가 문제일까요?

프론트수진 · Accepted Answer

Bootstrap 4에서는 row 바깥에 반드시 `container` 또는 `container-fluid` 클래스를 가진 부모 요소가 있어야 합니다.

```html

1
2
3

```

그리고 Bootstrap 4는 Flexbox 기반이라 Bootstrap 3과 동작이 조금 다릅니다. 또한 CDN 버전이 실제로 4.x인지 확인해보세요. 3.x CDN을 그대로 쓰고 계신 건 아닌지요.

프론트초보 · Answer

container로 감싸니까 바로 됩니다! CDN도 확인해보니 3.3.7 버전이었네요... 감사합니다.

댓글 2