Bootstrap 行列
Bootstrap 的網格系統有 12 個單位，稱為列，可用於在視口中水平佈局內容。
12 個單位網格（而不是 10,16 等）的原因是 12 平均分為 6 個（一半），4 個（四分之一）和 3 個（三分之一）。這使得適應各種佈局變得更加容易。Bootstrap 的網格列由不同的 col-{breakpoint}-{units} CSS 類標識。瞭解有關視口寬度和斷點的更多資訊（AKA 層）
因此，例如，col-md-3 表示在介質（md）寬度視口中佔據 12 個單元中的 3 個（或 25％）的列。要在佈局中使用列寬，只需在 HTML 標記中使用適當的 col-{breakpoint}-{units} 類。
<div class="col-{breakpoint}-{units}">
列寬是流體（不是固定寬度），因此列消耗其容器的百分比。
Bootstrap 3 中的列單位
col-*-1：1 of 12（8.33333333％寬度）col-*-2：12 of 12（16.66666667％寬度）col-*-3：3 of 12（25％寬度）col-*-4：12 of 12（33.3333333％寬度）col-*-5：5 of 12（41.66666667％寬度）col-*-6：6 of 12（50％寬度）col-*-7：7 of 12（58.33333333％寬度）col-*-8：12 of 12（66.66666667％寬度）col-*-9：9 of 12（75％寬度）col-*-10：10 of 12（83.33333333％寬度）col-*-11：11 of 12（91.66666667％寬度）col-*-12：12 of 12（100％寬度）
Bootstrap 行
Bootstrap .row 類用於包含列。列應始終放在行中，並且行應始終放在 Container（container 或 container-fluid）內。Row 使用負邊距（-15px）來確保列的內容與瀏覽器邊緣之間的適當間距。行用於水平分組列。
<div class="container">
<div class="row">
<!-- one more columns -->
<div class="col-{breakpoint}-{units}">..</div>
</div>
</div>
列將從左到右水平填充 .row，並將每 12 個列單位換行到一個新行。因此，你可以使用 .rows 建立水平中斷，也可以在單個 .row 元素中新增 12 個以上的列單元，以使列在視口中垂直向下包裹 （或堆疊）。
當使用列包裝（在 .row 中超過 12 個單位）時，你需要使用響應式重置（或 clearfixes） 來確保均勻包裹不均勻的列內容。當列的內容高度不同時，這是必不可少的。