相互之间的引导css块

这是我使用bootstrap的情况，我将两个块放在一起：

class=“col-6 col-sm-6 col-md-6 col-lg-6”

在达到1000px的某一点上，我希望这些盒子彼此之间是这样的：

现在只有当我达到576px时才会发生这种情况， 有人知道我怎样才能做到这一点

代码：

---

THX很多

您可以阅读以下信息：

“在达到1000px的某一点上，我希望这些盒子像这样相互连接。”
1000px属于中等，现在显示2列（每列有50%的宽度）

方法1：重写类名

第一列
第二列

请添加您的代码段。感谢为断点下方的列编写

float

属性…@user3356007 1250px属于大型：

第一列第二列

<div class="col-sm-6">
    <div class="modal-dialog modal-dialog-enable">
        <div class="modal-content modal-dialog-enable" >
            <div class="modal-header modal-dialog-enable">

            </div>

            <div class="modal-body modal-dialog-enable">
                <p>

                </p>


            </div>
            <div class="modal-footer  modal-dialog-enable">
            </div>
        </div>
    </div>
</div>