Tailwind CSS grid-template-columns

指定划分为多少列。

指定网格列数

使用 grid-cols-<number> 类名，例如 grid-cols-2 和 grid-cols-4 来创建具有 n 个等宽列的网格。

<div class="grid grid-cols-4 gap-4">
  <div>01</div>
  <!-- ... -->
  <div>09</div>
</div>

响应式设计

在类名前加上断点变体，比如只在中等屏幕大小及以上应用该类名。

<div class="grid grid-cols-1 md:grid-cols-6 ...">
  <!-- ... -->
</div>