引导槽

时间:2019-04-05 11:41:44

标签: twitter-bootstrap bootstrap-4

我是刚接触并探索我经常遇到Gutters术语的文档的新手,并且无法正确理解术语的含义。如果可以提供明确的答案,那将是很好的?

2 个答案:

答案 0 :(得分:2)

我相信引导程序(3和4)会在列周围添加默认填充(这是在列两边都填充15像素)的幻想。

此外,此link可能有助于更好地理解它。

答案 1 :(得分:1)

它是指以下内容:

  

{{1}上的负margins和所有直属子列上的水平.row

您可以使用padding类删除此默认样式。

.no-gutters
.col-sm {
  background: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.35);
}

.no-gutters .col-sm {
  background: rgba(0,0,255,.15);
  border: 1px solid rgba(0,0,255,.35);
}