为什么align-end在vuetify中不起作用

我使用 vuetify 布局，我想在右侧制作按钮，但我发现align-end这是 vuetify 属性不起作用，我使用offset-xs9使按钮位于右侧，但按钮位于中间v-flex，怎样才能做到最后呢？帮助谢谢

代码如下：

<div id="app">
  <v-app id="inspire">

    <v-layout row wrap  align-end>
      <v-flex xs3 offset-xs9 align-end>
        <div>
          <v-btn primary dark>Normal</v-btn>
        </div>
      </v-flex>
    </v-layout>

  </v-app>
</div>

and 在线代码笔 https://codepen.io/dxcqcv/pen/RZOqWE

Vuetify 的网格用途flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/.

• align-*在垂直轴上运行
• 你想用justify-*让孩子水平翻译它
• align-* and justify-*仅适用于柔性容器，因此您可以使用v-layout而不是v-flex，或者只是在同一个属性上使用这两个属性v-layout

这里有一个固定笔 https://codepen.io/anon/pen/EbxWaR?editors=1000为你。