Bootstrap 3 的 container class 用於包裹頁面上的內容。

.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

通過上面的程式碼，把 container 的左右外邊距（margin-right、margin-left）交由瀏覽器決定。

請注意，由於內邊距（padding）是固定寬度，預設情況下容器是不可巢狀的。

Bootstrap 網格系統（Grid System）的工作原理

網格系統通過一系列包含內容的行和列來建立頁面佈局。下面列出了 Bootstrap 網格系統是如何工作的：

行必須放置在 .container class 內，以便獲得適當的對齊（alignment）和內邊距（padding）。

網格系統是通過指定您想要橫跨的十二個可用的列來建立的。例如，要建立三個相等的列，則使用三個 .col-xs-4。

1 Bootstrap 中用到一些 HTML元素和CSS屬性需要將頁面設定為 HTML5 文件型別，即在頁面頂部新增“” 2 佈局容器：Bootstrap 需要為頁面內容和柵格系統包裹一個 .container或container-fluid（佔據全部視口viewport的容器）容器。 3 柵格系統，Bootstrap 提供了一套最多12列的流式柵格系統，通過 .row表示行 和 .col-xs-4 這種表示寬度的列快速建立柵格佈局。 4 Bootstrap 排版、連結樣式設定了基本的全域性樣式。 font-size 設定為 14px，line-height 設定為 1.428。

（段落）元素還被設定了等於 1/2 行高（即 10px）的底部外邊距（margin）。 基礎樣式 【排版】， 1. 標題，可以用來.h1 到 .h6 類給內聯屬性的文字賦予標題樣式，標題內通過 標籤或帶.small 類的元素標記副標題。 主體文字：.lead 類讓段落突出顯示。 2. 內聯文字，使用 標籤表示標註文字，刪除，無用，插入，下劃線，小號（父容器字型大小的 85%），著重，斜體。 3. 文字對齊類，text-left，text-center，text-right，text-justify，text-nowrap 4. 文字大小寫類，text-lowercase，text-uppercase，text-capitalize 5. 縮略語類，為 元素設定 title屬性並使用.initialism 類讓 font-size 變得稍微小些。例：attr