菜鸟教程 tryfoundation_grid_block3 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <h2>Foundation 块状网格</h2>
<p>通过添加多个块类,在不同屏幕指定不同是均分数量:</p>
<ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4">
  <li><img src="/upload2newyork.jpg" alt="New York" width="400" height="300"></li>
  <li><img src="/upload2paris.jpg" alt="Paris" width="400" height="300"></li>
  <li><img src="/upload2sanfran.jpg" alt="San Francisco" width="400" height="300"></li>
  <li><img src="/upload2newyork.jpg" alt="New York" width="400" height="300"></li>
</ul>