基本用法:
網(wǎng)格系統(tǒng)用來布局哮笆,其實就是列的組合。Bootstrap框架的網(wǎng)格系統(tǒng)中有四種基本的用法汰扭。由于Bootstrap框架在不同屏幕尺寸使用了不同的網(wǎng)格樣式稠肘,在這一節(jié)中所涉及到的示例,我們都以中屏(970px)為例進行介紹萝毛,其他屏幕的使用也類似這一種项阴。關于屏幕尺寸如下圖:
列偏移
有的時候,我們不希望相鄰的兩個列緊靠在一起笆包,但又不想使用margin或者其他的技術手段來环揽。這個時候就可以使用列偏移(offset)功能來實現(xiàn)。使用列偏移也非常簡單庵佣,只需要在列元素上添加類名“col-md-offset-*”(其中星號代表要偏移的列組合數(shù))歉胶,那么具有這個類名的列就會向右偏移。例如巴粪,你在列元素上添加“col-md-offset-4”通今,表示該列向右移動4個列的寬度
列排序
列排序其實就是改變列的方向粥谬,就是改變左右浮動,并且設置浮動的距離辫塌。在Bootstrap框架的網(wǎng)格系統(tǒng)中是通過添加類名“col-md-push-”和“col-md-pull-” (其中星號代表移動的列組合數(shù))漏策。