Bootstrap - 为什么:行删除margin-left而不是Row-fluid

Question

行: margin-left: -20px;

排液:没什么关系的margin-left.

为什么排液不删除此margin-left受到了一定%？

编辑:
.row-fluid > .span正在添加margin-left.

Answer 1

这很难解释，你的答案是粗体的，剩下的就是上下文。

静态布局的逻辑是什么？

这些span元素必须margin-left: 20px与其他元素保持分离span。

该row元素必须margin-left: -20px确保第一个span- 或任何span放置在“左列”的 - 放置在 的开头container。

它之所以有效，是因为静态row尚未设置其width，因此margin-left: -20px不会减去元素的宽度，从而继续填充其祖先。

流体布局中会发生什么？

我们可以尝试相同的逻辑，但不同之处在于元素的width和是以百分比定义的，因此如果我们增加元素的实际宽度（通过应用负数），这些元素也会增加其大小，因此它们不会适合在.margin-leftspanrowmarginspancontainer

因此，流体布局使用不同的技术来实现类似的结果，只需将 amargin-left: 0应用于:first-child.

深层发掘

为什么不在两种布局中使用相同的策略呢？当然，这会简化实现，但静态技术（不适用于流体）更强大。这是因为任何落在“左列”中的元素，无论:first-child是否存在，都将成为“边距校正”。静态布局需要这种行为来舒适地提供响应能力，流体布局或多或少可以在没有它的情况下进行管理。