基本用法
網格系統用來布局，其實就是列的組合。Bootstrap架構的網格系統中有四種基本的用法。由于Bootstrap架構在不同螢幕尺寸使用了不同的網格樣式，在這一節中所涉及到的示例，我們都以中屏（970px）為例進行介紹，其他螢幕的使用也類似這一種。
1、列組合
列組合簡單了解就是更改數字來合并列（原則：列總和數不能超12），有點類似于表格的colspan屬性，例如：
使用上面的結構，你将看到下圖的效果：
2、列偏移
有的時候，我們不希望相鄰的兩個列緊靠在一起，但又不想使用margin或者其他的技術手段來。這個時候就可以使用列偏移（offset）功能來實作。使用列偏移也非常簡單，隻需要在列元素上添加類名“col-md-offset-*”(其中星号代表要偏移的列組合數)，那麼具有這個類名的列就會向右偏移。例如，你在列元素上添加“col-md-offset-4”，表示該列向右移動4個列的寬度。
如上面的示例代碼，得到的效果如下
注意：
不過有一個細節需要注意，使用”col-md-offset-*”對列進行向右偏移時，要保證列與偏移列的總數不超過12，不然會緻列斷行顯示
轉自：https://www.cnblogs.com/chessYu/p/7337018.html
轉載于:https://www.cnblogs.com/vickylinj/p/10711971.html