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

关于col-xs-6 col-md-3看了那么多回答还是有不明白

http://img.mukewang.com/5a600e7700010faa06780498.jpg

不是一个不能超过12吗,然后xs为什么不是3而是6,这不是24了吗,很不明白。看了很多说小于那个分辨率用xs,那么小于的就不遵循12格的吗,还是xs可以24格????真的被搞蒙了

提问者:qq_Timebegin_0 2018-01-18 11:05

个回答

  • 慕少安
    2018-06-28 10:51:59

    超过12格自动换行...

  • qq_Timebegin_0
    2018-01-18 11:17:03

    奥我突然明白了http://img.mukewang.com/5a6010bf00015c8a03840421.jpg,在大于768px的时候就是一行四个内容,所以一行四个col-md-3就是没问题的。

    然后小于768px的时候一行显示两个内容,所以四个col-xs-6其实相当于是

     <div class="row">

        <div class="col-xs-6"></div>

        <div class="col-xs-6"></div>

    </div>

    <div class="row">

        <div class="col-xs-6"></div>

        <div class="col-xs-6"></div>

    </div>

    突然豁然开朗~~~