boostrap中<div class="col-md-3 col-sm-12 col-xs-12">
是什么意思?
我刚开始以为后两个是备选的删格布局。
首先
.col-xs- 超小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
那么
这个<div class="col-md-3 col-sm-12 col-xs-12">
究竟是什么意思呐?
小于 768px 的时候,用 col-xs-12 类对应的样式;
在 768px 到 992px 之间的时候,用 col-sm-12 类对应的样式;
在 992px 到 1200px 之间的时候,用 col-md-3类对应的样式;