Vuetify2.2, как выровнять карточки сверху или снизу страницы? - PullRequest
Новая
       26

Vuetify2.2, как выровнять карточки сверху или снизу страницы?

0 голосов
/ 29 февраля 2020

Мой Codepen здесь . На этой странице есть панель навигации и нижний колонтитул и 2 карточек , выровненных по верху и низу страницы. 

<div id="app">
  <v-app>
    <nav>
      <v-toolbar>
        <v-toolbar-title class="grey--text">
          toolbar
        </v-toolbar-title>
      </v-toolbar>  
    </nav>

    <v-content>
      <v-container>

        <v-row align="start">
          <v-card>
            <v-card-text
            >
              Expected to align at bottom
            </v-card-text>
          </v-card>
        </v-row>
        <v-row slign="end">

          <v-card
          >
            <v-card-text
            >
              Expected to align at bottom
            </v-card-text>
          </v-card>
        <v-row>        
      </v-container>
    <v-content>

    <v-footer>
      <v-col
        class="text-center"
      >
      footer
      </v-col>
    </v-footer>
  </v-app>
</div>

Я ожидал, что эти карты выровнены чуть ниже навигационной панели и чуть выше нижнего колонтитула. Но результат следующий: они просто следуют навигационной панели, а не выровнены по абсолютному верху и низу внутри v-контента

enter image description here

Как я могу выровнять их по абсолютному верху и низу внутри v-контента? Спасибо за ваш совет!

...