Bootstrap三大核心內容的基礎，即基礎的CSS 布局語法。其包括基礎排版（Typography）、代碼（Code）、表 格（Tables）、表單（Forms）、按鈕（Buttons）、圖片 （Images）、輔助類（Helper Classes）和響應式設計 （Responsive utilities）。
本節目錄：
HTML5文檔類型
由於Bootstrap使用了HTML5特定的HTML元素和CSS屬性，所 以使用Bootstrap的時候，所有的HTML文件都需要在其頂部引用 HTML5的DOCTYPE屬性
<!DOCTYPE html>
<html lang="en">
...
</html>
移動先行
在移動設備瀏覽器上，通過為viewport meta標簽添加的userscalable=no可以禁用其縮放（zooming）功能。
響應式圖片
為了能對圖片的大小進行自適應縮放，Bootstrap在3.x版里添 加了一個.img-responsive樣式，本質是為圖片設置了maxwidth: 100%；和height: auto；屬性
排版與鏈接
Bootstrap為網頁設置了一些基本的全局樣式、排版和鏈接風格
- 在body元素上取消了margin設置，改為默認為0，margin:0。
- 在body元素上設置了背景色為白色，background-color: #ffffff。
- 在布局排版方面，字體、字體大小、行間距使用的標准值
居中容器
一個頁面（或元素）要居中顯示，可以在外部容器上簡單應 用.container樣式即可。由於柵格系統依賴於外部容器的大小設 置，所以默認情況下container樣式有一個max-width屬性用於限 制柵格系統的最大寬度
標題
bs為傳統的標題元素h1～h6重新定義了標准的樣式， 使得在所有瀏覽器下顯示效果都一樣。
bs還提供了h類的樣式， 如.h1的樣式比h1標簽的樣式,不同的是沒有定義 margin-top和margin-bottom。
文本
bs為全局設置的字體大小。
small、strong、em、cite
容器內的文本對齊方式：text-left、text-center、text-right、text-justify
縮略語：abbr(鼠標hover顯示title值)
列表
bs提供了6種形式的列表，分別是：普通列表、有序列表、去點列表、內聯列表、描述列表和水平描述列表。
普通列表(ul)、有序列表(ol)、去點列表(list-unstyled)、描述列表、水平描述列表，只是優化，效果不明顯。
內聯列表(list-inline)將列表項水平顯示。類似水平菜單效果
代碼樣式通常在需要引用代碼的地方出現
單行的內聯代碼需要使用code元素包含
<kbd>元素包含的內容是表示該內容需要用戶鍵盤輸入，所 以一般是設置成input的效果，用法和code類似
pre元素一般用於顯示大塊的代碼段，並保證原有格式不變。 另外可以在pre元素上應用.pre-scrollable樣式，則可以控制該區域 最大高度為340像素，並可以在y方向滾動
bs提供了1種基礎.table樣式、4種附加樣式（.table-striped、.table-bordered、.table-hover、.table-condensed）以及一個支持響應式布局的.table-responsive容器樣式。
.table-striped樣式，其添加了隔行加背景色的設置。
.table-bordered為表格所有的單元格提供了1條1像素寬的邊框
.table-hover當鼠標移動上去時對應的部分能夠換個顏色的話，那就會顯得很有動感，並且有高亮顯示的功能
.table-condensed緊湊型表格，即表格的顯示比普通表格稍微緊湊一些， 實現原理是減少單元格的內邊距
.tableresponsive樣式包裝在.table樣式外部即可創建響應式表格，其會 在小屏幕設備上（小於768像素）水平滾動
bs為表格的tr元素提供了5種基本的顏色樣式（active success info warning danger），用於控制tr的背景顏色。
bs框架中的核心內容，表單提供了豐富的樣式（基礎、內聯、橫向）。
先了解2個基本樣式
form-control:設置為100%
form-group:設置下邊距，保證每個控件顯示。
如果在select、input、textarea元素上應用了.form-control樣式，顯示的寬度會變成100%，並且placeholder的顏色都設置成了 #999999
內聯表單
有的時候，我們可能需要一個所有控件都在一行中的表單，只需要在普通的form元素上應用一個.form-inline樣式
橫向表單
與內聯表單的使用方式不太一樣，其不能在form元素上簡單應用一個.form-horizontal樣式。
由於.form-horizontal樣式改變了.form-group的行為，將其表現得像柵格系統中的行（row）一樣，因此就無需再使用.row樣式了。
表單控件
對現有HTML5語法下的input都進行了支持（如 type為text、password、datetime、datetime-local、date、 month、time、week、number、email、url、search、tel和color 的元素）
input元素，必須聲明type類型，否則可能會引 起其他問題
select元素，多行選擇設置mulitiple屬性為multiple
textarea元素，定義了rows數字即可定義大文本框的高度，定義cols可以定義大文本框的寬度
checkbox和radio元素，是input元素里兩個非常特殊的type，由於經常搭配文字顯示，bs做了標准顯示
<div class="radio">
<label><input name="opt" type="radio" />ON</label>
</div>
<div class="radio">
<label><input name="opt" type="radio" />OFF</label>
</div>
<div class="checkbox">
<label><input type="checkbox"/>Swing</label>
</div>
<div class="checkbox">
<label><input type="checkbox" />Runing</label>
</div>
當checkbox和radio內容很少時,需要橫向顯示的時候，可以用checkbox-inline和radio-inline
控件狀態
bs提供了3種狀態的樣式可供使用，分別是：焦點狀態（默認提供）、禁用狀態、驗證提示狀態。
使用方式和普通的disabled一樣，只需要在禁用元素上使用 disabled屬性即可。<input ... disabled>
fieldset如果使用了disabled屬性時，內部的控件也將會禁用。
在填寫表單的時候，經常要提示用戶其輸入內容是否合法，bs提供了.has-warning、.has-error、.has-success三種樣式。
（父容器上的has-feedback樣式用於 設置定位方式；小圖標元素上的form-control-feedback樣式用於 設置圖標的顯示大小）
<div class="form-group has-success has-feedback">
<label class="control-label" for="name">User Name:</label>
<input type="text" class="form-control" id="name" />
<span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>
控件大小
bs提供了兩個樣式用於設置稍大或者稍小的input輸入框，分別是：.input-lg和.input-sm
按鈕樣式，定義了標准5種顏色、1個默認和一個link按鈕。
按鈕大小，定義3種.btn-lg、.btn-sm、.btnxs。.btn-block樣式可以充滿父元素，不隨文字符寬度變化。
多標簽，支持button a input3個標簽。為了兼容性，非常建議使用button。
支持active和disabled狀態。
提供了3種風格效果,在img標簽上應用.img-rounded、.img-circle、.img-thumbnail樣式即可
使用過程中需要注意，上述樣式沒有控制圖片的顯示大小，所以需要額外應用樣式或者限制父元素大小來控制圖片顯示大小.
IE8及以下版本不支持.img-rounded和.img-circle樣式特效。
文本
文本樣式，bs提供了1個灰色，和5個基本標准樣式的顏色，分別是：柔和灰（text-muted）、主要藍（text-primary）、成功綠 （text-success）、信息藍（text-info）、警告黃（textwarning）、危險紅（text-danger）
文本背景樣式，bs還提供了上面的5種文本顏色樣式對應（muted樣式除外），分別是：主要藍（bg-primary）、成功綠（bg-success）、信息藍（bg-info）、警告黃 （bg-warning）、危險紅（bg-danger）
輔助圖標
關閉圖標（右浮動）
<button class="close">×</button>
<a class="close">×</a>
向下箭頭
<span class="caret"></span>
浮動
對於內容浮動，一般會有3種需求 （左浮動、右浮動、居中對齊），分別對應了pull-left、pull-right和center-block樣式
響應式樣式
利用媒體查詢的特性，對特定的情況進行隱藏或顯示的設置。
.visible-開頭的樣式表示僅 在某尺寸時顯示，其他都隱藏；而.hidden樣式則表示僅在某尺寸 時隱藏，其他都顯示。
如：
提供了分別對瀏覽器和打印機進行隱藏和顯示的設置 visible-print和hidden-print
只在大屏幕下顯示 visble-lg