Vue.js1 vuetify component의 input, button 사용할 때 길이 조정하기 vuetify input이나 button 컴포넌트를 사용할 때는 길이가 길게 나온다.이를 위해서는 vuetify 의 그리드 시스템과 레이아웃 유틸리티 클래스를 활용하여 레이아웃을 조정할 수 있다. 1. vuetify 의 그리드 시스템 사용하기 ( v-row, v-col )vuetify는 Flexbox 기반 그리드 시스템을 제공하므로, v-row, v-col을 사용해 레이아웃을 조정한다. 기본 사용 코드화면vuetify 그리드 시스템 사용하기 화면설명v-col 의 cols, sm, md 속성 사용 사용cols="12"모바일 크기에서 전체 너비를 사용sm="6"작은 화면에서는 50%md="4"더 큰 화면에서는 1/3.. 2024. 10. 16. 이전 1 다음
