[Vue.js] 영화 검색 사이트 예제 - 18. Container 너비 사용자 지정

공부/Vue.js

도리암 2022. 4. 2. 12:19

뷰포트의 크기에 따라 Container의 너비를 자동으로 맞추는 작업을 할 예정.

현재는 가로 너비가 아무리 넓어도 5개까지 밖에 표시되지 않고, 화면을 줄이면 헤더부분과 search 부분이 제대로 줄지 않는다.

Containers

Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.

getbootstrap.com

위의 뷰포트 디폴트 값을 수정해줄 것이다.

현재 영화 목록이 나타나는 영역은 아무런 표시가 돼 있지 않아 직관성이 떨어진다.

영화 제목이 나타나는 영역을 표시해보자.