对齐卡片中的文本，reactstrap答案

【问题标题】：Aligning text in Card, reactrap对齐卡片中的文本，reactstrap
【发布时间】：2021-01-12 14:32:58
【问题描述】：

所以我想对齐图像旁边的文本，但这是我得到的

这是我的代码

<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>

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

【问题讨论】：

标签： reactjs reactstrap

【解决方案1】：

尝试对容器使用 flex 属性！

使用 CSS：

.container {
   display: flex;
}

我认为您正在使用 Bootstrap，这可能对您有帮助！

Flex Property Bootstrap

【讨论】：