将img定位在容器外部但在Bootstrap 3中的行内

Question

我有一个设置正常Bootstrap的页面.container > .row > .col。我想在我的col-6栏旁边找一张照片＆＃34;突破＆＃34;容器，但它在行（基本上是全宽度容器）内，因为列中的文本需要垂直对齐到图像的中间。

描绘我需要的图片：

我不能使用容器的背景图像的原因是因为定位。我不希望图片在文字后面滑动。

许多＆＃34;它如何运作＆＃34;页面具有类似的设置，例如https://setapp.com/?utm_medium=affiliate+program&utm_source=43&utm_campaign=macpaw.com

Answer 1

您应该可以在行上放置display: flex;和align-items: centre;。

请参阅https://davidwalsh.name/css-vertical-center-flexbox