有没有办法在每个断点处自定义网格装订线?

我知道,Twitter付出了数百万美元才能使Bootstrap v4完美,而且我不想在一天内进行所有改革,但是我很好奇,这是一种使我的自定义装订线(不仅仅是一个装订线)的方法。

像:我希望大尺寸的装订线是30px,但是在较小的设备上,我希望它是24px并在移动设备上20px

最佳答案

您可以这样添加自定义装订线:

.row.custom-gutter {
  margin-left: 30px;
  margin-right: 30px;
}

[class^='col'].custom-gutter,
[class*=' col'].custom-gutter {
  padding-left: 30px;
  padding-right: 30px;
}


然后,您必须使用媒体查询来更新较小设备上的填充。

10-08 18:21