React：简单的引导程序将卡片组包装在卡片组件中答案

【问题标题】：React: Plain bootstrap wrapping cards-deck in a cards componentReact：简单的引导程序将卡片组包装在卡片组件中
【发布时间】：2020-07-22 04:42:02
【问题描述】：

大家好，我正在尝试用普通的引导程序创建卡片组

在我的主文件中定义了卡片组：

<div className="container">
      <div className="card-deck">
        <MyCard />
        <MyCard />
        <MyCard />
      </div>

这是我的卡片组件：

<div>
  <div className="card mb-4">
    ...
  </div>

所以我将 mb-4 定义为一排有 3 张卡片。但是，卡片每行显示两个。所以我在一行中有两张牌，另一列有第三张牌。我该如何解决？

请不要推荐使用 reactstrap 或 react-bootstrap。我不喜欢使用简单的引导程序并自己编写组件。

【问题讨论】：

【解决方案1】：

我解决了。卡片组件的外部 div 是问题所在。

【讨论】：