网格图标html模板

我想构建一个web应用程序，其主界面包含网格布局中的图标列表。我知道的最好的例子是Icloud，你可以在下面看到

我不擅长编写HTML，那么在哪里可以找到这样的开源模板呢

---

谢谢

事实上，朱利安·陈所说的：在这种情况下真的很有帮助

Bootstrap使用了网格系统，它有一个很好的文档说明了它的行为和工作方式。 （网格系统的文档）

我给你们举了一个小例子：使用引导网格系统

<div class="container">
  <div class="row">
    <div class="col-md-2">
      APP ICON 1
    </div>
    <div class="col-md-2">
      APP ICON 2
    </div>
    <div class="col-md-2">
      APP ICON 3
    </div>
    <div class="col-md-2">
      APP ICON 4
    </div>
    <div class="col-md-2">
      APP ICON 5
    </div>
    <div class="col-md-2">
      APP ICON 6
    </div>
  </div> <!-- End of Row 1 -->
  <div class="row">
    <div class="col-md-2">
      APP ICON 1
    </div>
    <div class="col-md-2">
      APP ICON 2
    </div>
    <div class="col-md-2">
      APP ICON 3
    </div>
    <div class="col-md-2">
      APP ICON 4
    </div>
    <div class="col-md-2">
      APP ICON 5
    </div>
    <div class="col-md-2">
      APP ICON 6
    </div>
  </div> <!-- End of Row 2 -->
</div>

应用程序图标1
应用程序图标2
应用程序图标3
应用程序图标4
应用程序图标5
应用程序图标6
应用程序图标1
应用程序图标2
应用程序图标3
应用程序图标4
应用程序图标5
应用程序图标6

在这个场景中，我给div一个col-md-2类来复制链接的图像

希望这对你有帮助！ 祝你今天愉快

简单实现：

ul{
保证金：0；
填充：0；
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
柔性包装：包装；
}
李{
框大小：边框框；
列表样式：无；
宽度：25%；
填充：20px；
位置：相对位置；
显示器：flex；
证明内容：中心；
}
img{
宽度：150px；
高度：150像素；
光标：指针；
}

您是为移动设备创建的吗？请查看Bootstrap：我认为它具有您想要的功能for@JulianChan我知道Bootstrap，但在这种情况下，我想找到一个保存模板time@KashanShah不，只是一张网app@evp你对“节省时间”的定义是什么？Bootstrap为您节省了大量手动调整和设计HTML元素的时间，并且可以轻松地使web应用对移动设备友好。你需要在这里更具体一些。