grid__item大小不起作用?

时间:2017-05-15 23:20:21

标签: css responsive-design shopify

我试图做一些相当简单的事情,我做了很多次,我不知道它为什么不起作用。

以下是我尝试做的简化代码:

  <div class="grid grid--uniform new-header">
    <div class="grid__item small-up--one-third">  

      some stuff
    </div>

    <div class="grid__item small-up--one-third">  
         some stuff
    </div>


     <div class="grid__item small-up--one-third">  
      some stuff
    </div>

  </div>

无论我把什么作为grid__item之后的第二类,我都无法让它成为页面大小的任何一部分。目前,所有div都是全宽的,无论我指示他们是三分之一。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这更像是一个问题,而不是一个问题。如果我错了,请纠正我;我认为您的代码主要与Timber相关。

Timber首先是移动设备,因此您不必执行small-up您想要的更像small--one-third。如果网格项目只是三分之一,您只需执行:grid__item one-third