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
相关产品推荐
相关产品推荐

