如何为平板电脑和手机定制foundation-zurb div？

Question

我只想知道用于div的正确类...目前我的索引页面内容div看起来如下：

这对于dekstop视图是可以的，我使用了class =“large-4 columns”来实现上述目的。但是我想要平板电脑和移动视图下面的内容。

我如何实现这个PLZ？

我做了但我不能按照自己的意愿工作。

<div class="large-4  columns">
 <div class="medium-2 columns">
<img src="images/launch-home.png" alt="" height="60px;" />
</div>
<div class="medium-10 columns">
<h1>LAUNCH OF THE XXXX</h1>
XXXXX, a pioneering voluntary industry-wide initiative that is dedicated to the development and advocacy of professional standards, including ethical standards, was launched on 24 September 2014. The event was officiated by both the Governor of Bank Negara Malaysia and Chairman of the Securities Commission Malaysia and was attended by leaders of the financial services industry.
</div>
</div>

Answer 1

如果您的设置总共有12列，则应如下所示：

<div class="row">
 <div class="medium-12 large-4 columns">
<!--inaugural-->
 </div>
 <div class="medium-12 large-4 columns">
<!--launch-->
 </div>
 <div class="medium-12 large-4 columns">
<!--insights-->
 </div>
</div>

Answer 2

我认为你的第一个标签不是好地方

<div class="row">

  <div class="large-12 columns">LARGE VIEW</div>
  <div class="medium-4 columns">
     <img src="images/launch-home.png" alt="" height="60px;" />
  </div>
  <div class="medium-8 columns">
     <h1>LAUNCH OF THE XXXX</h1>
     ...
  </div>
</div>