使用SASS返回引导程序列的宽度

Question

我试图在不使用position：absolute的情况下使列中的标题与下一个列重叠，并且最好将标题的宽度保持为col-8列的宽度，以保持较小屏幕的比例。有没有办法使用Bootstrap变量或带有SASS的mixins来实现此目的？

Here is an example of the desired outcome

提前感谢！

Answer 1

通常，这是不可能的，因为网格列的主要思想是在列内包含内容。

现在，当将CSS transform标度与较低的font-size组合使用时，您可以实现类似的效果（移出列）。您可以更进一步，也可以添加col-8媒体查询。

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale