【问题标题】:Why does bootstrap row has a margin of -15? [duplicate]为什么引导行的边距为-15? [复制]
【发布时间】:2017-06-25 02:55:37
【问题描述】:

该行为margin:-15,因此比其容器(-fluid)大。

有什么原因吗? 如何(正确地)剪掉它?

【问题讨论】:

  • 如果您投反对票,请给出原因提示,如果问题荒谬,我可以关闭,如果不够好,请改进。
  • 我没有投反对票。我只引用了 dup 问题。

标签: twitter-bootstrap-3 twitter-bootstrap-4


【解决方案1】:

根据设计,引导程序中的两列之间有一个15px 空间。并且在实现时,bootstrap 的创建者使用名为 padding-leftpadding-right 的 CSS 属性来设置列的左右填充,以便满足要求。

参考:访问此 link 并搜索 Gutter Width

但是有一个问题。第一列只需要padding-right,最后一列只需要padding-left

为了解决这个问题,bootstrap 的创建者提出了一个解决方案,他们将row 的左右边距设置为-15px(CSS 不支持负填充)。

我通常创建另一个 CSS 类来调整填充/边距,然后将其附加到 row 类之后。

【讨论】:

  • 感谢您的启发!
猜你喜欢
  • 2019-09-23
  • 2013-06-12
  • 2023-03-14
  • 1970-01-01
  • 1970-01-01
  • 2018-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多