bootstrap v3.3.2-col-xs- *不在小屏幕上显示

Question

使用此代码，当容器的宽度小于792px时，带有“ col-xs-6”类的div内容就会消失。

<div class="cont">
    <div class="top">
        <div class="col-md-3 text-center col-xs-6">
            <small>id:</small>
            0001
        </div>
        <div class="col-md-3 text-center col-xs-6">
            <small>reference:</small>
            PRJ1
        </div>
        <div class="col-md-3 text-center">
            <small>name:</small>
            Project 1
        </div>

    </div>
</div>

我怎么显示它？

Answer 1

将班级名称行添加到顶级班级

<div class="cont">
<div class="top row">
<div class="col-md-3 text-center col-xs-6">
<small>id:</small>
0001
</div>
<div class="col-md-3 text-center col-xs-6">
<small>reference:</small>
PRJ1
</div>
<div class="col-md-3 text-center">
<small>name:</small>
Project 1
</div>

</div>
</div>