Vue.js Vuetify v-flex宽度规格

我找不到Vuetify中

v-flex

的

xs

、

sm

、

md

、

lg

和

xl

指令的任何正确参考。如果我想要两列超小版面、三列小版面、四列中版面、六列大版面和12列超大版面，那么这是正确的HTML吗

<v-flex xs2 sm3 md4 lg6 xl12>
    Mostly harmless.
</v-flex>

基本上是无害的。

属性的数字部分指的是

v-flex

将在12列布局中跨越的列数。因此，

xs1

将是12列中的1列，而xs12将是12列中的12列

这是一个视频演示

newvue({
数据（）{
返回{
科尔斯：12
}
},
el:“#应用程序”，
方法：{
颜色（）{
返回这个.hexToRgb（Math.random（）.toString（16.substr（2,6））
},
hexToRgb（十六进制）{
var bigint=parseInt（十六进制，16）；
var r=（bigint>>16）和255；
var g=（bigint>>8）和255；
变量b=bigint&255；
返回r+“，”+g+“，”+b；
}
}
})

xs{{c}

反之亦然。见文件