做專案的時候遇到 <div class="col-md-6">這句，由於基礎較差，一時間還沒有想到，進行搜尋之後明白一二，寫部落格記錄一下。

跟著官方來看一個帶有簡單佈局的網格例項：包含兩個列，每個列包含兩個段落。（在這裡，為每個列分別定義了樣式，實際上可以避免這麼做。）

菜鳥官方連結

細節

• <div class="container">...</div> 元素被新增，確保居中和最大寬度。
• 一旦添加了容器，接下來您需要考慮以行為單位。新增 <div class="row">...</div>
  ，並在行內新增列 <div class="col-md-6"></div>。
• 網格中的每一行是由 12 個單元組成的，您可以使用這些單元定義列的尺寸。在我們的例項中，有兩個列，每個列由 6 個單元組成，即 6+6=12。

可以嘗試其他更多的選項，比如 <div class="col-md-3"></div> 和 <div class="col-md-9"></div> 或 <div class="col-md-7"></div> 和 <div class="col-md-5"></div>

可以嘗試一下，但要確保總和總是 12。