Twitter bootstrap 如何使用bootstrap创建包含3张卡的响应行？

我有3张牌，但当我把三张牌都排成一行时，会出现两张牌，另一张牌在下面。。。我想把这三个设备放在一行，同时我也希望它能对其他设备做出响应。 我希望它能像这个网站上的卡片一样展示（我不是指相同的形状，我是指在一行中并且响应）： 这是我的代码：

1.
2.
3.

1.
2.
3.
4.
5.
6.

如果无论视口宽度如何，都需要有3列，请使用

col-4

默认情况下，

.card

具有

1px

边框。您有3张卡，其中border-x的总大小为

6px

。这可能是布局中断的原因。因此，您应该在单独的元素上使用

.card

1.
1.
1.

欢迎来到SO，您能告诉我们代码的重要部分吗？因此，我们可以精确地帮助您。我知道如何做到这一点，但我希望它能够与其他设备一起响应……问题是，当我在每个div类中写入“col-md-4”时，它会生成一行，但上面有两个div，下面有一个div。我的示例执行问题中描述的操作。如果出现问题或需要不同设备上的卡的不同行为，请在问题中描述或提供代码。