问答详情
源自:7-1 缩略图(一)

class="col-xs-6 col-md-3"

 class="col-xs-6 col-md-3"什么意思

提问者:qq_晴天天晴_0 2014-12-31 16:03

个回答

  • 喵喵小喵
    2016-05-17 09:11:24

    栅格系统对手机、平板电脑、PC电脑的屏幕尺寸设置了不同样式,可以有更多的选择,有下列几种情况:

    1. 屏幕设备尺寸大于1200px 选择col-lg

    2. 屏幕设备尺寸在970px到1200px 选择col-md

    3. 屏幕设备尺寸在768px到970px 选择col-sm

    4. 屏幕设备尺寸小于768px 选择col-xs


  • Withershins
    2015-12-20 18:42:58

    col-xs- 表示在超小屏幕上(< 768px)的会采用这样的类名显示样式,三个col-xs-6,因为一个row里面的超过12,所以最终的效果应该两排,然后均分~(感觉应该是这样....)

  • qq__1401
    2015-08-05 15:03:44

    col-xs-6 这个类起什么作用

  • Leaf_Ye
    2015-02-03 16:10:29

    这个是相应式网格的语法,  你可以这样认为,当屏幕为小屏幕(<768px)时自动使用class="col-xs-6"  当屏幕为中屏(>=768px)时自动使用 class="col-md-3" 

  • qq_晴天天晴_0
    2014-12-31 16:07:26

    我知道了