push:推
pull:拉
offset:補(bǔ)
網(wǎng)上的資料里習(xí)慣稱為列偏移,實(shí)際上可以想象成在左側(cè)進(jìn)行補(bǔ)列裙犹。由于Bootstrap網(wǎng)格系統(tǒng)的定義往衷,一個(gè)網(wǎng)頁寬度被均分為12份,相當(dāng)于有12列蚕礼,當(dāng)有很多行時(shí)烟具,可以想象成一張表格。網(wǎng)格系統(tǒng)就是在這樣的基礎(chǔ)上進(jìn)行操作的奠蹬,所以在一般情況下朝聋,一行若有多個(gè)元素,則要求這些元素的總列數(shù)為12行囤躁。
網(wǎng)格系統(tǒng)示意
這三者均是相對(duì)左側(cè)進(jìn)行變化冀痕。
push將目標(biāo)推向右側(cè),pull將目標(biāo)拉向左側(cè)狸演,offset在目標(biāo)左側(cè)使用margin-left屬性添加相應(yīng)數(shù)量列的寬度
三者均可使目標(biāo)元素偏移言蛇,但又稍有一點(diǎn)區(qū)別。
區(qū)別:push和pull相當(dāng)于利用的float屬性宵距,目標(biāo)會(huì)脫離文本流而獨(dú)立腊尚,在規(guī)范的格式下一般不會(huì)影響其他元素;但offset是增加左外邊距满哪,會(huì)將原本跟在目標(biāo)元素后面的元素?cái)D到其他位置婿斥,如圖: