有没有办法在每个断点处自定义网格装订线?
我知道,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;
}
然后,您必须使用媒体查询来更新较小设备上的填充。