这个是element UI响应式bug吗？

Question

在element响应式的布局中，我打算在小屏幕隐藏侧边栏，是这样写的。

<el-col :xs="0" :sm="0" :md="7" :lg="7" :xl="8">
                    <div style="height: 12.5rem;background: #002140;">侧边栏</div>
                </el-col>
                <el-col :xs="24" :sm="24" :md="17" :lg="17" :xl="16">
                    <div style="height: 12.5rem;background: #002140;">主内容</div>
                </el-col>

发现在xs,sm等只要设置了占0份，那么后面设置了的大小就不起作用了。

如上图所示，xs和sm宽度设置为0，那么就算当前页面大小在lg，同样不会显示侧边栏。sm=0仍然适用。
理论上来说，不应该现在显示侧边栏，并且占7份了吗。

如果要解决需要使用隐藏类，引入官方display.css

<el-col :md="7" :lg="7" :xl="8" class="hidden-sm-and-down">
                    <div style="height: 12.5rem;background: #F0C78A;">侧边栏</div>
                </el-col>
                <el-col :xs="24" :sm="24" :md="17" :lg="17" :xl="16">
                    <div style="height: 12.5rem;background: #F0AD4E;">主内容</div>
                </el-col>

这样就正常了。我不清楚是不是我使用不对，希望各位大神帮忙解决。