修复桌面上div的移动视图

Question

我有一个类似的小部件：

<div class="col-md-12 col-xs-12">
<div class="col-md-4 col-xs-12">
1
</div>
<div class="col-md-4 col-xs-12">
2
</div>
<div class="col-md-4 col-xs-12">
3
</div>
<div class="col-md-4 col-xs-12">
4
</div>
</div>

我正在嵌入上面的小部件，像这个

<div class="container">
<div class="col-md-12">
<div class="col-md-3 embedWidget">
<!-- embeeded-widget-comes-here -->
</div>
<div class="col-md-9">
<!-- some other imp content here -->
</div>
</div>  
</div>

当我这样做的时候，我的小部件显示为4列网格，但我希望它是堆叠格式(移动视图colxs(，对于所有响应宽度

我怎样才能实现

我尝试使用宽度100%到embedWidget(内容固定在该区域为4列网格(

Answer 1

为什么不在embedWidget上设置100%的宽度，用于较小设备的媒体查询。