反应：普通的引导程序将卡片组包装在卡片组件中

Question

嘿，我正尝试用普通的引导程序创建卡片组

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

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

这是我的Card组件：

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

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

请不要建议使用reactstrap或react-bootstrap。我不喜欢使用普通的引导程序并自己编写组件。

Answer 1

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