bootStrap只定义col-sm-*是什么意思
比如这个例子
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_temp_portfolio&stacked=h
<div class="col-sm-3">
<p>Some text..</p>
<img src="http://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>只写了class="col-sm-3"
但是在超小屏设备上只显示1列，相当于col-xs-12的效果，是怎么实现的？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
哈哈，col-**对应着不同尺寸的屏幕，bootstrap是移动优先，源码用的是min-width,col-sm意味着等于或大于（如果没有设置更大屏幕对应的col）sm的屏幕，所以小于sm的屏幕你是没有设置的，也就相当于div默认的了
col-sm-*是平板设备的响应，如果你的不设置col-xs-*就默认col-xs-12，如果你设置col-xs-3，那在手机屏幕下面也会出现4个平列的元素。