引导头-md-4不总是保持33%的宽度。

Question

我在处理自助卡。牌牌的数量是动态的.现在我的问题是每张卡的宽度应该是col-md-4 (33%)。当卡的数量大于1时，一切都很好，但只要我只有一张卡，这张卡就不是基于col-md-4的33%。

在这里，一个小提琴：https://jsfiddle.net/2o09b4te/移除扑克牌1乘1，直到你还有1张牌。

知道我做错什么了吗？

3张牌:结果正确

​

2张卡片:结果正确

​

1张卡:结果错误

​

Answer 1

.row必须包含直接.col-...。

以下是更正：https://jsfiddle.net/8mhbz9gj/1/

Answer 2

确保<div>标记在带有类行的<div>标记后面，包含类名col-md-4。

在你的第一张卡上，交换

 <div class="card-deck my-3 text-center">
  <div class="col-md-4">

像这样

<div class="col-md-4">
<div class="card-deck my-3 text-center">