그리드 리스트 (Grid list)
그리드 리스트는 아이템들 사이에 여백을 넣을 수 있도록 도와주는 v-container를 위한 애드온입니다.
사용법
Grid lists augment the v-container component to allow for greater flexibility with gutters. It comes in 5 variants, from xs to xl and can be dynamically changed.
API
항목을 베이스라인(baseline)으로 정렬
항목들을 중앙으로 정렬
컨텐츠를 중앙으로 정렬
컨텐츠를 끝 쪽으로 정렬
컨텐츠를 좌우정렬(Align content to the space around).
Align content to the space between.
컨텐츠를 앞 쪽으로 정렬
항목들을 끝 쪽으로 정렬
항목들을 앞쪽으로 정렬
display 항목을 flex/inline-flex/block 등으로 설정. 형식)d-{타입}. 예)d-flex.
Make sure that col element height is filled with parent and child. 자식이 column 요소일 경우, 사파리/파이어폭스 에서 중요함
Removes viewport size breakpoints
Sets the gutter between grid list items ranging from 2px to 24px
컴포넌트의 DOM 아이디를 설정
Justify content to the center.
Justify content to the end.
Justify content to the space around.
Justify content to the space between.
Justify content to the start.
컴포넌트 태그를 커스텀 태그로