Grid icons html template

Question

我想构建一个Web应用程序，其主界面包含网格布局中的图标列表。我知道的最好的例子是Icloud，如下所示。

Icloud interface

我不擅长编码HTML，所以在哪里可以找到这样的开源模板？

谢谢

Answer 1

确实，朱利安·陈说：https://getbootstrap.com/在这种情况下确实很有帮助。

Bootstrap使用了网格系统，它具有良好的行为和工作方式文档。（https://getbootstrap.com/docs/4.4/layout/grid/网格系统的文档）。

[我为您提供了一个小例子：https://www.bootply.com/JWzQ2x6ARu使用引导网格系统

<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>

在这种情况下，我为div提供了col-md-2类来复制您链接的图像。

希望这对您有所帮助！祝你有美好的一天！