css - 尝试将图像对齐到 Bootstrap 中列的右中间

Question

我正在尝试将我的 bootstrap 列中的图像右对齐，并让文本在左侧环绕它，如下所示:https://codepen.io/freeCodeCamp/full/YqLyXB

我整天都在研究 flexbox 和垂直对齐，而不是做我的工作(糟糕)，我觉得是时候问问专家了。这是我的样子: https://codepen.io/Seaplush/pen/rKVLmX

.col2 img{
max-width: 100%;
  height: 50%;
  float: right;
}


  .col2{
  background-color: #cccccc;
  height: 50vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
 }

感谢您的帮助，这是我第一次尝试网站，如果浏览起来有点乱，请见谅 ;)

Answer 1

您可以使用引导列。只需阅读并进一步了解 Bootstrap 网格。

请阅读以下链接:

https://getbootstrap.com/docs/4.0/layout/grid/

https://getbootstrap.com/docs/4.0/layout/overview/