Html 引导网格如何使列一起折叠？

我不熟悉html、css和引导。我试图让我的白色和灰色盒子一起倒塌，但我似乎无法得到它。 我正在寻找这样的东西时崩溃

123
456

1
4
2
5
3
6

代码如下：

如果你们还有更多的建议，请告诉我我做错了什么。谢谢大家!

更改您的

致：

---

实现这一点的一种方法是将

缩略图

从购物车控件中分离出来，这样您就可以更好地控制每个部分

关闭

缩略图

div后创建一个div，以便您可以在缩略图之外设置这些元素的样式

请参阅整页的工作代码段

正文{
背景色：#2b2a2f；
}
h1{
颜色：#D1D2D6；
}
分区缩略图{
填充：15px；
页边距底部：0；
边界半径：0；
}
.推车式集装箱{
背景：#D1D2D6；
边框顶部：3px实心#2b2a2f；
填充：5px10px 10px；
}
.购物车控制{
显示：表格；
垂直对齐：中间对齐；
填充：10px 0px；
}
.购物车控制h2{
颜色：#FDFEFE；
显示：表格单元格；
垂直对齐：中间对齐；
}
.手推车控制h5病毒{
颜色：#FDFEFE；
位置：绝对位置；
右：100px；
字体大小：粗体；
}
.cart控件选择。选择宽度{
宽度：自动；
位置：绝对位置；
右：25px；
边界半径：0；
}
.cart容器.btn购物车{
背景色：#EF2E27；
颜色：#FDFEFE；
边界半径：0；
}

Yeezy 350
$200
数量
1.
2.
3.
4.
5.
添加到购物车
Yeezy 351
$200
1.
2.
3.
4.
5.
数量
添加到购物车
Yeezy 352
$200
1.
2.
3.
4.
5.
数量
添加到购物车
Yeezy 353
$200
数量
1.
2.
3.
4.
5.
添加到购物车
Yeezy 354
$200
1.
2.
3.
4.
5.
数量
添加到购物车
Yeezy 355
$200
1.
2.
3.
4.
5.
数量
添加到购物车

这解决了堆叠问题，但两个盒子都分开了，灰色盒子里的所有内容都乱七八糟。伙计，这是毒品！这正是我需要的，谢谢。我需要比较一下你的代码和我的代码，这样我才能确保我理解发生了什么。