Html 为什么我的专栏在定制内容的情况下仍被吃掉？

我有一个列、一行和三个嵌套列。每列中都有一个div按钮。我不是故意使用引导默认按钮的，我已经创建了自己的，只是你看到一列正在被吃掉

请看图片：

我几乎可以肯定HTML没有什么问题。Main div col设置为col-md-1，以测试较小规模内的嵌套响应元件。有人知道为什么内容（按钮）对于列来说太大了，为什么在我的例子中列被吃掉了吗

代码如下：

TL；博士 出现问题的原因是列边沟，默认情况下为30px。这意味着一列的最小宽度将始终为30px，无论其大小如何。因此，当你有一个宽度小于30px的列时，它的总宽度实际上仍然是30px，由于填充物的存在，这些列会互相侵蚀。

---

详细地 工作片段 首先，我想向您展示我设法获得的工作片段。我已经从HTML标记中删除了内联样式，并添加了一些CSS类以提高可读性和易于理解

.pa-0{
填充：0！重要；
}
.ma-0{
边距：0！重要；
}
.我的钮扣{
显示：块；
高度：20vmin；
边界：无；
大纲：无；
背景：透明；
}
.bg绿色{
背景颜色：绿色；
}
.bg红色{
背景色：红色；
}
.bg黑色{
背景色：黑色；
}
.bg蓝色{
背景颜色：蓝色；
}

除非你通过sass/不按预期的方式来做，否则弄乱cols填充或边距不会带来任何好处。穆罕默德·乌斯曼，大纲：没有一个不起作用，它什么都不起作用。不过还是谢谢你，布罗德斯基。将主col设置为col-md-4效果很好，至少看起来像是Tetuta Koraqi，collumns给出了很好的响应结果。。。