我有一个页面,其中的常规Bootstrap设置为.container > .row > .col。我想在我的col-6列旁边有一张图片,该图片“突破”容器,但是在行(基本上是全角容器)内,因为该列中的文本需要垂直对齐在图像中间。

描绘我需要的图片:

html - 将图像放置在容器外部但在Bootstrap 3中的行内-LMLPHP

我不使用容器的背景图片的原因是位置。我不希望图片在文本后面滑动。

许多“工作原理”页面都有类似的设置,例如https://setapp.com/?utm_medium=affiliate+program&utm_source=43&utm_campaign=macpaw.com

最佳答案

您应该能够在行中放置display: flex;align-items: centre;

https://davidwalsh.name/css-vertical-center-flexbox

关于html - 将图像放置在容器外部但在Bootstrap 3中的行内,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45403488/

10-11 03:04
查看更多