对齐卡片中的文本，reactrap

Question

因此，我希望将文本与图像对齐，但下面是我得到的结果

​

​

以下是我的代码

<Card>
        <div class='container'>
          <div className='row'>
            <div className='col-12 col-md-5 mt-3'>
              <CardImg src={history.image} alt={history.name} />
            </div>
          </div>
          <div className='row'>
            <div className='col-12 col-md-5 mt-3'>
              <CardBody>
                <CardText>{history.description}</CardText>
              </CardBody>
            </div>
          </div>
        </div>
</Card>

有什么想法吗？谢谢你，西奥。

Answer 1

尝试对容器使用flex属性！

使用CSS：

.container {
   display: flex;
}

我想你正在使用Bootstrap，这可能会对你有帮助！

Flex Property Bootstrap