Bootstrap 4 为什么在添加填充时引导表会堆栈div

因此，在阅读有关控制DIV中的列数的内容时，我必须确保列数加起来等于12。在下面的示例中，我需要两列，因此我指定每个DIV都有

col-6

。这是正确的，但当我添加任何类型的边距（如

m-2

）时，当行上明显有空间时，它会将每个DIV堆叠在彼此的顶部

我是个新手，谁能告诉我哪里做错了？我希望有两列，每列有两个DIV部分。我只想得到DIV行下面列出的DIV段的单元格间距

    <div class="row">
        <div class="col-6 m-2 p-2">
            <h4>Div 1</h4>
        </div>
        <div class="col-6 m-2 p-2">
            <h4>Div 2</h4>
        </div>
        <div class="col-6 m-2 p-2">
            <h4>Div 3</h4>
        </div>
        <div class="col-6 m-2 p-2">
            <h4>Div 4</h4>
        </div>
    </div>

第一组
第2组
第3组
第4组

更新：似乎不应该在指定间距的同一DIV标记中指定所需的列数

<div class="row">
    <div class="col-6">
        <div class="m-2 p-2"><h4>Div 1</h4></div>
    </div>
    <div class="col-6">
        <div class="m-2 p-2"><h4>Div 2</h4></div>
    </div>
    <div class="col-6">
        <div class="m-2 p-2"><h4>Div 3</h4></div>
    </div>
    <div class="col-6">
        <div class="m-2 p-2"><h4>Div 4</h4></div>  
    </div>
</div>

第一组
第2组
第3组
第4组

列

和

行

有边距和填充

如果你再加上更多的话，这会使流程中断。您应该在

col

内的

div

中添加边距/填充，而不是在

col

的同一级别

请参阅附件中我试图解释的内容的简短片段：

科拉
科拉
上校AB
B列
科尔巴
上校BB

我不太明白你说的话。如果运行代码段，div1和DIV2周围没有空白（同一行上的两个DIV标记之间没有白间距）。Div3和Div4周围都有边距，但正如我在文章中所描述的那样，它们彼此堆叠在一起。我只想要两列，每列有两个DIV，每个DIV周围都有一些边距。真的

Div3

和

Div4

只是为了让您看到差异。我将根据您的要求更新我的代码片段。不，如果您希望在不添加边距或填充的情况下拥有更大的空间，可以使用

offset

。请检查一下电话号码。您还可以使用断点调整流，如

offset-md-1

。例如，如上所述，您可以对列使用

offset

。您还可以删除带有

无排水沟的列的填充。我玩了一会儿，我想我看到了。不能在与COL-6相同的div中指定填充P-2。这就是为什么你有额外的标签。非常感谢。我也更新了问题以反映这一点。