Html 响应W3.css如何偏移我的列

我正在使用mobile first css创建一个测试布局。我不明白的是如何使用w3列类将我的列偏移1/3

例如：

<div class="w3-row">

        <div class="w3-col m4">
        THIS IS THE AREA THAT I WANT TO BE EMPTY. Or not having this div here at all would be good. 
        </div>

        <div class="w3-col m4">
            <p>I am going to put normal content in this column. It should start 1/3 of the row with the left of it being empty.</p>
        </div>

        <div class="w3-col m4">

        </div>

</div>

这是我想清空的区域。或者根本没有这个部门就好了。
我将在本专栏中加入普通内容。它应该从行的1/3开始，左侧为空

我知道在bootstrap中，他们有一个类来偏移当前列的特定数量。因此，在我上面的示例中，行将被分成3列，所有列的宽度相等：33.3333%；但是第一列没有任何内容

我的发现是：当我试图将第一列留空时，宽度是0px。另外，当我进入手机屏幕时，我希望我所有的栏目都能达到100%，但这意味着我的空白栏目也会达到100%，这没有任何意义，因为我不再需要它了

---

是否可以使用响应性的w3 css完成我的布局？

如果div中没有任何内容，并且如果在移动设备上隐藏，则强制使用最小宽度

.custom{
最小宽度：480px；
最大宽度：1024px；
高度：1px；
}
@仅介质屏幕和（最大设备宽度：768px）{
.习俗{
显示：无；
}
}

这是我想清空的区域。或者根本没有这个部门就好了。
我将在本专栏中加入普通内容。它应该从行的1/3开始，左侧为空

最后一栏

已选中。谢谢