Bootstrap 4 当引导列占行的一半时，引导列不起作用

我想使用引导网格系统进行布局。我想将页面的左侧分配给我的卡片，右侧分配给其他内容，但我看到的是，它占用了我卡片的整个宽度：

{{t.u name}
右侧

对于我的卡片，我有以下css：

.cards{
保证金：1px；
高度：50px；
宽度：150px；
}

---

我有大约100张卡片，占据了整个页面，在页面底部我看到了右侧。我做错了什么？

使用引导网格系统，一行只能容纳12列。如果一行中放置的列超过12列，则每组额外列将作为一个单元换行

具体措辞见引导文档：

因此，在您的情况下，由于您有一个for循环来生成每个卡占用6列（

col-6

），因此理论上每行可以容纳2张卡：

演示：

您可以使用以下选项来控制每行每个断点需要多少张卡

现在，通过阅读您的评论，我认为您想要的是使用第一个

为页面的左侧和右侧定义50%的分割。然后在左边，你想要所有的牌都在那里，像这样：

---

演示：

你的意思是我可以放6张卡？每张卡可以放一列？如果是这样，我现在该怎么办？列的总数必须加起来是12。你可以做计算。对于您的代码示例，我看到您的卡有一个For循环，每个For循环将占用6列。这就是6所代表的

col-6

。因此，每行只能看到2张卡。请参阅引导文档，您将获得更清晰的理解。是的，我知道，col-6表示6列，我的行是12，因此我希望我的页面宽度的一半分配给我的卡，其中，每行应显示6张卡，我不知道为什么每行显示20张卡！为什么说它应该显示2！除非我不明白什么是

ngFor*

，否则你可以在

上找到它。这意味着您将为每张卡生成一张

。每一个已经是6列了。一行只有12列。如果你做12/6，你可以得到每行2张卡。现在我有点明白你错在哪里了。你想要一半的纸来放卡片。使用

对于半页布局来说没有任何问题。然后在左列中，您需要为您的卡定义另一个新的行和列。卡的宽度是固定的，但他在

上有for循环，而不是卡。因此，每次它都会为一张卡生成6列。当您应该重复该卡时，您正在重复column元素。该列只是一个容器。@isherwood我应该如何重复卡片而不是列？好吧，移动

*ngFor

指令。@isherwood谢谢我这样做，现在我看到页面分隔正如我所期望的，现在我如何在eaxh行上放置n张卡片？现在显示为每行3张卡片，我想每行放置8张卡片