.grid 启用一个具有自动布局列的简化网格系统。

    1. <div class="grid">
    2.   <div>1</div>
    3.   <div>2</div>
    4.   <div>3</div>
    5.   <div>4</div>
    6. </div>

    Grid - 图1

    列意图在大型设备（992px）以下自动折叠。

    要深入了解如何将Pico与Bootstrap网格系统结合使用，请查看以下链接。

    关于网格的更多信息：

    由于 Pico 专注于原生 HTML 元素，我们将这个网格系统保持得非常简约。

    完整的 flexbox 网格系统，具有所有排序、偏移和断点工具，可能比 Pico 库的总体大小还要大。这并不完全符合Pico 的设计理念。

    如果您需要快速创建原型或构建复杂布局的方法，您可以查看 Flexbox 网格布局。例如，只使用 Bootstrap 网格系统或Flexbox 网格。

    如果您需要一个轻量且自定义的网格，您可以查看 CSS 网格生成器。例如，CSS Grid Generator、Layoutit! 或 Griddy。

    或者，您可以学习 CSS 网格的使用。