Vuetify v-flex offset - *（1-12）无法正常工作

Question

我在撰写本文时正在使用Vuetify 1.5.0。但是当我试图在v-flex上为任何断点使用偏移量时，它在该断点上添加偏移量，并且在这种情况下为例，它在md和up上添加偏移量。以下是我的代码。请问我在这里做错了什么，怎么能纠正这个。

 <v-container class="teal">
    <v-layout row wrap class="red">  
      <v-flex sm12 md8 lg7 offset-md2 class="blue">
          <h1>Hello</h1>
      </v-flex>
      <v-flex sm12 md8 lg5 offset-md2 class="orange">
         <h1>Hello Hi</h1>
      </v-flex>
    </v-layout>
 </v-container>

并且是在LG屏幕上截取的屏幕截图。

正如你所看到的，它的包装列在新行中，即使它不应该。

谢谢，阿米特

Answer 1

如果你没有指定任何“上限”偏移量（如offset-md2），则应用于md和up的offset-lg*是预期的行为。同样，当你指定sm8（小）并且不指定任何md*或lg*时，sm8将被应用于sm和up。

如果你想忽略大屏幕上的偏移，你可以使用offset-lg0，如下所示：

<v-container class="teal">
    <v-layout row wrap class="red">  
      <v-flex sm12 md8 lg7 offset-md2 offset-lg0 class="blue">
          <h1>Hello</h1>
      </v-flex>
      <v-flex sm12 md8 lg5 offset-md2 offset-lg0 class="orange">
         <h1>Hello Hi</h1>
      </v-flex>
    </v-layout>
 </v-container>