移動設(shè)備優(yōu)先(bootstrap?3.x版) xs總是水平排放 sm小于768px時????垂直排放 sm大于等于768px??水平排放 md小于992px時????垂直排放 md大于等于992px時????水平排放 lg小于1200px時????垂直排放 lg大于等于1200px??水平排放
總結(jié):
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計、綏德網(wǎng)絡(luò)推廣、重慶小程序開發(fā)公司、綏德網(wǎng)絡(luò)營銷、綏德企業(yè)策劃、綏德品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供綏德建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
? ?1? 較大尺寸未設(shè)置時,默認(rèn)會繼承較小的尺寸
????1????2????3
像上面的情況:大屏和中等屏都是3列顯示,小于中等屏(也就是<992px)的時候就會垂直顯示
? ?2? 響應(yīng)式布局: 根據(jù)尺寸變化,當(dāng)達(dá)到臨界值時,匹配相應(yīng)的設(shè)置
bootstrap中的媒體查詢
3 理解水平排放和垂直排放和總是水平排放的原理
水平排放,說明該柵格是具有浮動屬性的,bs都是用的float:left,左浮動
垂直排放,說明該柵格是不具有浮動屬性,那么該div就會獨占一行,所以就會垂直排放,并且在bs中會同時讓該元素的width設(shè)置成100%,所以此時就是一整行排放了
總是水平排放(col-xl-*),說名擁有col-xl-*類名的div,始終具有float屬性。注意,總是水平排放,不代表擁有col-xl-*類名的div不能垂直排放,比喻說讓每一個div添加col-xl-12類名,就是垂直排放,因為此時width是100%,但是他們還是擁有float屬性