使用 SASS 返回 Bootstrap 列宽

Question

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

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