一、列偏移
<div class="container"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-6">第1行第1列</div> <div class="col-lg-3 col-md-4 col-sm-6">第1行第2列</div> <div class="col-lg-3 col-md-4 col-sm-6">第1行第3列</div> <div class="col-lg-3 col-md-4 col-sm-6">第1行第4列</div> </div> <div class="row"> <div class="col-lg-3 col-lg-offset-3">第2行第1列</div> </div> </div>col-lg-offset-3 表示偏移 offset 表示向右偏移 數字 表示向右偏移的格子數,數字若大于12,則沒有效果
二、列排序 col-lg-push-6 列往右走6個格子,不能超過12個,超過12不起作用 col-lg-pull-6 列往左走6個格子,不能超過12個 可以利用上面的語句將div用于調換位置。
三、列偏移與列排序的區別: 1.列偏移只能往右走,而列排序既可以往右走,也可以往左走; 2.列偏移在有多行的情況下,若偏移格子加上自身及自身位置的格子總數超過12,則會另起一行,而列排序則不會,仍在一行上。
新聞熱點
疑難解答