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

Question

在撰写本文时，我正在使用Vuetify 1.5.0。但是，无论何时我尝试对v-flex上的任何断点使用offset时，都在该断点处添加偏移量，例如在本例中，它也在 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 屏幕上拍摄的。

如您所见，它的换行列以换行出现，即使它不应该出现。

谢谢， 阿米特（Amit）

Answer 1

如果您未指定任何“上”偏移量（如offset-md2），则在 md及更高版本上应用的offset-lg*是预期的行为。同样，当您指定sm8（表示小写）并且不指定任何md*或lg*时，sm8将应用于 sm及更高版本。

如果要忽略大屏幕上的偏移，可以使用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>