Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統，隨着屏幕或視口（viewport）尺寸的增加，系統會自動分爲最多12列。
1、“行（row）”必須包含在 .container （固定寬度）或 .container-fluid （100% 寬度）中，以便爲其賦予合適的排列（aligment）和內補（padding）。
2、你的內容應當放置於“列（column）”內，並且，只有“列（column）”可以作爲行（row）”的直接子元素。列數之和不能超過12。
一行的列數超過12會自動換行。
3、結合使用col-md-*,col-sm-*,col-xs-*可以實現簡單的響應式佈局
中等屏幕：
1:3
小屏幕：
1:2
超小屏幕：
1:1
