Bootstrap CSS相互之间

Question

这是我的引导程序的情况，我将2个块彼此相邻放置：

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

在某个点上，当我们达到1000px时，我希望各个框彼此像这样：

现在仅当我达到576像素时， 有人能做到这一点吗？

代码：

<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>

很多钱

Answer 1

您可以阅读以下信息：

“在某一点上，当我们达到1000像素时，我希望框彼此之间像这样。”
1000px属于中等大小，现在显示2列（每列的宽度为50％）。

方法1：重写类名称

<div class="col-6 col-sm-6 col-md-12 col-lg-6">First column</div>
<div class="col-6 col-sm-6 col-md-12 col-lg-6">Second column</div>

方法2：覆盖默认的bootstrap.min.css

@media (min-width: 992px)
.col-md-6 {
    width: 100%;
}