vuetify class 속성 ( with 3.0 alpha )

텍스트 및 백그라운드

class 의 속성이 prefix에  {text|bg}-{color} 값이다.

샘플에서 안되서 계속보다보니 바껴 있구나.  ( 아까운 내 시간...)

<h1 class="text-red bg-red">Hello</h1>

수직정렬

align="{start|center|end}" 이다 

<v-row align="{start|center|end}">
  <v-col>
    <v-card outlined>
      안녕
    </v-card>
  </v-col>
  <v-col>
    <v-card outlined>
      안녕
    </v-card>
  </v-col>
</v-row>

 

<v-col> align-self속성

  <v-row
    :style="{height:'120px'}" <!--인라인 스타일-->
    align="center"
    class="bg-green"
  >
    <v-col align-self="end">
      <v-card outlined>
        col
      </v-card>
    </v-col>
    <v-col align-self="center">
      <v-card outlined>
        col
      </v-card>
    </v-col>
    <v-col align-self="start">
      <v-card outlined>
        col
      </v-card>
    </v-col>
 </v-row>

vutify v-col align-self 속성