课程
/前端开发
/Bootstrap
/玩转Bootstrap（基础）
class="col-xs-6 col-md-3"什么意思
2014-12-31
源自：玩转Bootstrap（基础） 7-1
正在回答
栅格系统对手机、平板电脑、PC电脑的屏幕尺寸设置了不同样式，可以有更多的选择，有下列几种情况：
1. 屏幕设备尺寸大于1200px 选择col-lg
2. 屏幕设备尺寸在970px到1200px 选择col-md
3. 屏幕设备尺寸在768px到970px 选择col-sm
4. 屏幕设备尺寸小于768px 选择col-xs
col-xs- 表示在超小屏幕上（< 768px）的会采用这样的类名显示样式，三个col-xs-6，因为一个row里面的超过12，所以最终的效果应该两排，然后均分~（感觉应该是这样....）
col-xs-6 这个类起什么作用
这个是相应式网格的语法， 你可以这样认为，当屏幕为小屏幕(<768px)时自动使用class="col-xs-6" 当屏幕为中屏(>=768px)时自动使用 class="col-md-3"
我知道了
智能弱电
举报
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
4 回答col-xs-6 col-md-3
2 回答col-xs-6 col-md-3
1 回答col-xs-6 col-md-3
6 回答col-xs col-sm col-md 这几个的区别
1 回答col-md-* col-sm-* col-xs-* col-lg-* 什么情况下用什么样式？
