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

【问题标题】：bootstrap v3.3.2 - col-xs-* not displaying on small screensbootstrap v3.3.2 - col-xs-* 不在小屏幕上显示
【发布时间】：2018-08-08 20:05:37
【问题描述】：

使用此代码，当容器的宽度小于 792 像素时，具有类 '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>

如何显示？

【问题讨论】：

因为当屏幕低于 768px 时会触发“col-xs”，您是否将屏幕尺寸调整得足够低？

标签： html css twitter-bootstrap-3

【解决方案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>

【讨论】：

很高兴为您提供帮助，欢迎来到 Stack Overflow。如果此答案或任何其他答案解决了您的问题，请将其标记为已接受