Skip to content

V-container

v-container는 사이트 콘텐츠를 중앙에 놓고 수평으로 채우는 기능을 제공합니다.

또한 #fluid를 사용하여 모든 뷰포트 및 장치 크기에 걸쳐 컨테이너를 완전히 확장할 수 있습니다.

props가 v-container의 class로 전달되어, 도우미 클래스 (예: ma-#/pa-#/fill-height)를 쉽게 적용할 수 있는 이전 1.x 기능을 유지합니다. <- <span style="color: red">하지만 사용하지 말자.

Props

Name

Type

Default

Description

fluid

boolean

false

viewport의 maximum-width size breakpoints를 제거한다.

id

string

undefined

Sets the DOM id on the component

tag

string

'div'

Specify a custom tag used on the root element.

fluid

  • 화면에 따라 사이즈가 바뀌는게 아니라 항상 최대 넓이를 가짐
  • 사이즈 조절 안해도 되는 경우 사용하면 될듯

See also

Favorite site