1. 程式人生 > >bootstrap中col-md-offset、col-md-push和col-md-pull的含義理解,用法解析

bootstrap中col-md-offset、col-md-push和col-md-pull的含義理解,用法解析

我們在用bootstrap做前端開發的時候,經常會用到列移動、列排列,特別是在除錯大螢幕顯示器上顯示效果時,經常用到。

首先看這3個英文單詞的中文含義解釋:

offset 補償(課本上或相關教程上一般都把這個叫做“偏移”),其實就是在左側補列(1~11列)

push 推

pull 拉

偏移、推、拉,都有一個參照物,即相對的位置,那就是左側, 相對於左側偏移、推、拉 

寫法比如:

col-md-offset-3(在左側補充3列)
col-md-push-8(從左側往右側推8列)
col-md-pull-2(往左側拉2列)

從效果上看offset和

push效果一樣,其實採取的方法是不同的,offset是直接在左側補列達到偏移的效果,push是通過位置移動達到移動的效果

原文地址:http://www.juhaoyong.net/n/bootstrap/liepailie.html