一、列組合
二、列偏移
偏移是一個用于更專業(yè)的布局的有用功能磺陡。它們可用來給列騰出更多的空間热某。例如，.col-xs-*類不支持偏移，但是它們可以簡單地通過使用一個空的單元格來實現(xiàn)該效果。為了在大屏幕顯示器上使用偏移，請使用.col-md-offset-*類锚扎。這些類會把一個列的左外邊距（margin）增加*列，其中*范圍是從1到11馁启。
三驾孔、列嵌套
為了在內(nèi)容中嵌套默認(rèn)的網(wǎng)格，請?zhí)砑右粋€新的 .row惯疙，并在一個已有的 .col-md-* 列內(nèi)添加一組 .col-md-* 列翠勉。被嵌套的行應(yīng)包含一組列，這組列個數(shù)不能超過12（其實霉颠，沒有要求你必須占滿12列）对碌。
四、列排序
Bootstrap 網(wǎng)格系統(tǒng)另一個完美的特性蒿偎，就是您可以很容易地以一種順序編寫列朽们，然后以另一種順序顯示列怀读。可以很輕易地改變帶有.col-md-push-*和.col-md-pull-*類的內(nèi)置網(wǎng)格列的順序骑脱，其中*范圍是從1到11菜枷。
? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? 響應(yīng)式柵格
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?基礎(chǔ)排版
一、標(biāo)題
bootstap為傳統(tǒng)的標(biāo)題h1~h6重新定義了標(biāo)準(zhǔn)的樣式惜姐，使得在所有瀏覽器下顯示效果都一樣犁跪，具體定義規(guī)則如下
二椿息、頁面主題
一般在默認(rèn)情況下歹袁，Bootstrap為字體設(shè)置了全局的大小為12px，行間距l(xiāng)ine-height為字體大小的1.428倍既20px寝优。段落元素p會有一個額外的margin-bottom条舔，大小是行間距的一半（默認(rèn)為10px），若果想讓一段文字突出顯示乏矾，可以使用.lead樣式孟抗，嘁作用主要是增大字體大小，粗細(xì)钻心，行間距和margin-bottom凄硼。
三、列表
1.內(nèi)聯(lián)列表：網(wǎng)頁中很多時候使用的列表都是橫向的捷沸，因此bootstrap就封裝了這個特性（list-inline）
2.水平定義列表：Bootstrap提供了一個dl-horizontal樣式摊沉，通過在dl元素上應(yīng)用該class，實現(xiàn)定義列表水平顯示（dl-horizontal）
四痒给、表單
基本的表單結(jié)構(gòu)是 Bootstrap 自帶的说墨，個別的表單控件自動接收一些全局樣式。下面列出了創(chuàng)建基本表單的步驟：
1.向父元素添加?role="form"苍柏。
2.把標(biāo)簽和控件放在一個帶有 class?.form-group?的中尼斧。這是獲取最佳間距所必需的。
3.向所有的文本元素?向所有的文本元素 <input><textarea>和<select>添加 class ="form-control" 试吁。
實例
內(nèi)聯(lián)表單
如果需要創(chuàng)建一個表單棺棵，它的所有元素是內(nèi)聯(lián)的，向左對齊的熄捍，標(biāo)簽是并排的烛恤，向標(biāo)簽添加 class?.form-inline
水平表單
水平表單與其他表單不僅標(biāo)記的數(shù)量上不同，而且表單的呈現(xiàn)形式也不同治唤。如需創(chuàng)建一個水平布局的表單棒动，請按下面的幾個步驟進(jìn)行：
1.向父元素添加 class?.form-horizontal。
2.把標(biāo)簽和控件放在一個帶有 class?.form-group?的中宾添。
3.向標(biāo)簽添加 class?.control-label船惨。
輸入框（Input）
最常見的表單文本字段是輸入框 input柜裸。用戶可以在其中輸入大多數(shù)必要的表單數(shù)據(jù)。Bootstrap 提供了對所有原生的 HTML5 的 input 類型的支持粱锐，包括：text疙挺、password、datetime怜浅、datetime-local铐然、date、month恶座、time搀暑、week、number跨琳、email自点、url、search脉让、tel?和?color桂敛。適當(dāng)?shù)?type?聲明是必需的，這樣才能讓?input?獲得完整的樣式溅潜。
文本框（Textarea）
當(dāng)您需要進(jìn)行多行輸入的時术唬，則可以使用文本框 textarea。必要時可以改變?rows?屬性（較少的行 = 較小的盒子滚澜，較多的行 = 較大的盒子）粗仓。
復(fù)選框（Checkbox）和單選框（Radio）
1.復(fù)選框和單選按鈕用于讓用戶從一系列預(yù)設(shè)置的選項中進(jìn)行選擇。
2.當(dāng)創(chuàng)建表單時博秫，如果您想讓用戶從列表中選擇若干個選項時潦牛，請使用?checkbox。如果您限制用戶只能選擇一個選項挡育，請使用?radio巴碗。
3.對一系列復(fù)選框和單選框使用?.checkbox-inline?或?.radio-inline?class，控制它們顯示在同一行上即寒。
選擇框（Select）
1.當(dāng)您想讓用戶從多個選項中進(jìn)行選擇橡淆，但是默認(rèn)情況下只能選擇一個選項時，則使用選擇框母赵。
2.使用 <select> 展示列表選項逸爵，通常是那些用戶很熟悉的選擇列表，比如州或者數(shù)字凹嘲。
3.使用?multiple="multiple"?允許用戶選擇多個選項师倔。
靜態(tài)控件
當(dāng)您需要在一個水平表單內(nèi)的表單標(biāo)簽后放置純文本時，在<p>使用 class?.form-control-static周蹭。
表單控件狀態(tài)
除了?:focus?狀態(tài)（即趋艘，用戶點擊 input 或使用 tab 鍵聚焦到 input 上）疲恢，Bootstrap 還為禁用的輸入框定義了樣式，并提供了表單驗證的 class瓷胧。
輸入框焦點
當(dāng)輸入框 input 接收到?:focus?時显拳，輸入框的輪廓會被移除，同時應(yīng)用?box-shadow搓萧。
禁用的輸入框 input
如果您想要禁用一個輸入框 input杂数，只需要簡單地添加?disabled?屬性，這不僅會禁用輸入框瘸洛，還會改變輸入框的樣式以及當(dāng)鼠標(biāo)的指針懸停在元素上時鼠標(biāo)指針的樣式揍移。
禁用的字段集 fieldset
對 <fieldset> 添加 disabled 屬性來禁用 <fieldset> 內(nèi)的所有控件。
驗證狀態(tài)
Bootstrap 包含了錯誤货矮、警告和成功消息的驗證樣式羊精。只需要對父元素簡單地添加適當(dāng)?shù)?class（.has-warning、 .has-error 或 .has-success）即可使用驗證狀態(tài)囚玫。
表單控件大小
可以分別使用 class?.input-lg?和?.col-lg-*?來設(shè)置表單的高度和寬度。下面的實例演示了這點：
表單幫助文本
Bootstrap 表單控件可以在輸入框 input 上有一個塊級幫助文本读规。為了添加一個占用整個寬度的內(nèi)容塊抓督，在<input>后使用?.help-block。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Bootstrap?按鈕
一束亏、按鈕樣式
二铃在、按鈕大小
三、按鈕組
在 div 中直接使用 .btn-group 可以創(chuàng)建按鈕組
四碍遍、自適應(yīng)大小的按鈕組
可以通過 .btn-group-justified 類來設(shè)置自適應(yīng)大小的按鈕組定铜。
五、內(nèi)嵌下拉菜單的按鈕組
按鈕組內(nèi)嵌的按鈕可以設(shè)置下拉菜單
實例
