引导-md-6在平板模式下查看时不工作。

Question

我试图获得两列并排的平板大小，所以我写了col-md-6，这样每一列将只使用6个单元，但一旦我从桌面尺寸转换为平板大小，列就会被垂直堆叠与每列使用所有12 units.In事实，有相同的问题时，在移动模式，而col 4也是垂直堆叠列。请帮帮忙。

    <div class="row">
    <div class="col" style="background-color:red;border:1px solid">
        col
    </div>
    <div class="col" style="background-color:red;border:1px solid">
        col
    </div>
    
</div>
<div class="row">
    <div class="col-md-6" style="background-color:green; border:1px solid">
        col-md-6
    </div>
    <div class="col-md-6" style="background-color:green; border:1px solid">
        col-md-6
    </div>
</div>

Answer 1

您的问题也是您的答案，因为Bootstrap的断点是为基于设备视图的列堆栈而设计的。尝试使用col-sm-6而不是col-md-6。