Bootstrap

bootstrap中col-xs-*和col-sm-* 和col-md-*是怎么样对应的

作者: admin 类别: Bootstrap 阅读: 2129 评论: 0

bootstrap中 <div class="col-sm-10 col-md-8"> 表示:在中等屏幕设备上该div占用8列的宽度;在小屏幕上该div占用10列的宽度。为什么这个div里和col-md-8对应的是col-sm-10而不是col-sm-12或col-sm-15或其他?

.col-xs- 超小屏幕 手机 (<768px)

.col-sm- 小屏幕 平板 (≥768px)

.col-md- 中等屏幕 桌面显示器 (≥992px)

.col-lg- 大屏幕 大桌面显示器 (≥1200px)