You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Bootstrap 5中的grid-cols-*系列工具类在哪里?

Bootstrap 5 网格布局的列相关工具类归属在官方的网格系统工具类体系中,可直接与你用到的d-grid类组合实现自定义列布局,你可以根据使用场景选择对应的类:

  • 基础列宽配置:使用col-*系列工具类,后缀数值代表当前元素在一行12列网格中占用的列数,同时支持添加响应式断点后缀适配不同屏幕尺寸,比如col-md-4代表中等尺寸及以上屏幕下,元素占用4列宽度。
  • 固定列数配置:使用row-cols-*系列工具类,后缀数值代表一行均匀划分的列数量,同样支持响应式断点后缀,比如row-cols-lg-3代表大屏幕尺寸及以上时,一行自动划分为3等宽列。
  • 列间距配置:可配合gap-x-*系列工具类控制列之间的水平间距,gap-y-*控制行之间的垂直间距,你提到的gap-*可以同时控制水平和垂直两个方向的间距。

内容的提问来源于stack exchange,提问作者Toskan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 23:06:00