[Vue.js] 영화 검색 사이트 예제

공부/Vue.js

도리암 2022. 3. 27. 16:54

홈페이지 메인 페이지 헤드라인을 만드는 과정.

OMDbAPI 홈페이지의 문구를 인용하여 내용을 구성할 예정이다.

BootStrap에서는 기본적으로 container 클래스로 감싸주게되면 뷰포트의 크기에 따라 적절하게 요소의 크기를 변화시켜주는 기능을 가진다.

Containers

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

getbootstrap.com

Home.vue에서 Headline.vue 컴포넌트를 적용시킨다.