1.h1-h6
h1~h3的margin為20px哲鸳；h4-h6的margin為10px
定義了6個類名褥民。h1 h2 h3 h4 h5 h6
大胁铡：h1為36px谒所，依次減6
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
2.p
p {
margin: 0 0 10px;
}
3.body
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
4.強(qiáng)調(diào)文本
添加class="lead";? <small>/<em>/<strong>/<cite>
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {/*大中型瀏覽器字體稍大*/
.lead {
font-size: 21px;
}}
5.粗體
<b>/<strong>
6.斜體
<i>
7.強(qiáng)調(diào)的相關(guān)類
?
8.文本對齊
9.列表
10.列表的一些屬性
.list-unstyled,
水平列表 .list-inline
水平定義列表? .dl-horizontal
11.表格
基礎(chǔ)表格: .table
斑馬表格:.table ? .table-striped
帶邊框的表格：.table?? .table-bordered
鼠標(biāo)懸停高亮的表格：.table?? .table-hover
緊湊型的表格: .table?? .table-condensed
響應(yīng)式表格: .table?? .table-responsive?
12.表格的一些屬性
表格行的類
13.表單
基礎(chǔ)表單
role="form"
水平表單
.form-horizontal
內(nèi)聯(lián)表單?
.form-inline
阻止label換行：
.form-group/.sr-only
表單中保證樣式不出錯
.form-control
輸入框
input+type+.form-control+placeholder
下拉選擇框
<form role="form">
<div class="form-group">
<select class="form-control">
<option></options>
</select>
<div class="form-group">
<select multiple class="form-control">
<option>1</option>
</select>
</div>
</form>
文本域
<textarea class="form-control" rows="3">
</textarea>
復(fù)選框checkbox和單選擇按鈕radio
.checkbox+.radio
水平:在lable標(biāo)簽添加 class="checkbox-inline "/"radio-inline"
表單控件(按鈕)
input[type="submit"]
input[type="button"]
input[type="reset"]
表單控件的大小
.control-label/
大:form-control input-lg
正常:form-control
小:form-control input-sm
表單控制狀態(tài)（焦點(diǎn)狀態(tài))
.form-control
表單控制狀態(tài)（禁用狀態(tài))
只要要標(biāo)簽上添加disabled
表單的控件的狀態(tài)(驗(yàn)證狀態(tài))
.has-warning：警告狀態(tài)(黃色)
.has-error：錯誤狀態(tài)(紅色)
.has-success：成功狀態(tài)(綠色)
將以上3個添加上has-feedback這個類就能顯示出對應(yīng)的圖標(biāo)
表單提示的信息
.help-block
14.按鈕
<span>/<input>/<div>都可以使用
按鈕大小
添加:btn-lg/btn-sm/btn-xs/
15.圖片
img-responsive：相應(yīng)圖片
.img-rounded:圓角圖片
.img-circle：圓形圖片
.img-thumbnail：縮略圖片
16.圖標(biāo)
http://getbootstrap.com/components/#glyphicons
