如何在反应区中垂直而非水平地设置Card的样式

Question

我试图垂直对齐Card组件，但最终将它们水平对齐。我尝试在css中对其进行编辑，添加了Row和.col-sm-4，但是它们仍然水平对齐。此时任何帮助都会很棒。

<Row>
  <Col sm="4">
    <Card>
      <CardBody>
        <CardTitle>Card Title</CardTitle>
        <CardSubtitle>Card Subtitle</CardSubtitle>
        <CardText>Card Text</CardText>
        <Button> A Button </Button>
      </CardBody>
    </Card>
  </Col>
</Row>