From:http://www.imooc.com/learn/141 玩轉Bootstrap（基礎）
1.標題（一）
Bootstrap和普通的HTML頁面一樣，定義標題都是使用標籤<h1>到<h6>,只不過Bootstrap覆蓋了其默認的樣式，使用其在所有瀏覽器下顯示的效果一樣，具體定義的規則可以如下表所示：
通過比較可以發現，Bootstrap標題樣式進行了以下顯著的優化重置：
1、重新設置了margin-top和margin-bottom的值， h1~h3重置後的值都是20px；h4~h6重置後的值都是10px。
2、所有標題的行高都是1.1（也就是font-size的1.1倍）,而且文本顏色和字體都繼承父元素的顏色和字體。
3、固定不同級別標題字體大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。
標題的具體運用非常簡單，和我們平時運用是一樣的，使用<h1>~<h6>標籤，分別表示標題一至標題六，h 後面的數字越大，表示級別越小，文本也越小。來看一個簡單的效果：右側代碼編輯器中的10-16行的代碼。
在Bootstrap中爲了讓非標題元素和標題使用相同的樣式，還特意定義了.h1~.h6六個類名。如右側代碼編輯器中 18-23行代碼所示：
對比兩個示例的效果圖，可以說他們的效果是一模一樣的。
2.標題-帶副標題（二）
除此之外，我們在Web的製作中，常常會碰到在一個標題後面緊跟着一行小的副標題。在Bootstrap中他也考慮了這種排版效果，使用了<small>標籤來製作副標題。這個副標題具有其自己的一些獨特樣式：
1、行高都是1，而且font-weight設置了normal變成了常規效果（不加粗），同時顏色被設置爲灰色（#999）。
2、由於<small>內的文本字體在h1~h3內，其大小都設置爲當前字號的65%；而在h4~h6內的字號都設置爲當前字號的75%；
詳細代碼請參閱bootstrap.css文件中第407行~第443行。
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%;
}3.段落（正文文本）
段落是排版中另一個重要元素之一。在Bootstrap中爲文本設置了一個全局的文本樣式（這裏所說的文本是指正文文本）：
1、全局文本字號爲14px(font-size)。
2、行高爲1.42857143（line-height），大約是20px(大家看到一串的小數或許會有疑惑，其實他是通過LESS編譯器計算出來的，當然Sass也有這樣的功能)。
3、顏色爲深灰色（#333）；
4、字體爲"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family），或許這樣的字體對我們中文並不太合適，但在實際項目中，大家可以根據自己的需求進行重置，在此我們不做過多闡述，我們回到這裏。該設置都定義在<body>元素上，由於這幾個屬性都是繼承屬性，所以Web頁面中文本（包括段落p元素）如無重置都會具有這些樣式效果。
/*源碼請查看bootstrap.css文件中第274行~280行*/
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
另外在Bootstrap中，爲了讓段落p元素之間具有一定的間距，便於用戶閱讀文本，特意設置了p元素的margin值（默認情況之下，p元素具有一個上下外邊距，並且保持一個行高的高度）：
/*源碼請查看bootstrap.css文件中第467行~469行*/
p {
margin: 0 0 10px;
}
如果你對CSS預處理器有所瞭解，那麼你完全可以根據Bootstrap提供的預編譯版本LESS(或者Sass)進行自定義排版設置。在Bootstrap中，排版設置的默認值都存在variables.less文件中(Sass版本存在_variables.scss中)的兩個變量：
LESS版本：
@font-size-base: 14px; @line-height-base: 1.428571429; // 20/14
Sass版本：
$font-size-base: 14px !default; $line-height-base: 1.428571429 !default; // 20/14
第一條語句用於設置字體大小，第二條語句用於設置行高。系統默認使用這兩個值產生整個頁面相應的margin、padding和line-height的值。換句話說，你只需要修改這兩個變量的值，然後重新編譯，就可以自定義自己的Bootstrap排版樣式。（有興趣的同學可以嘗試一下，此處對於LESS或Sass版本運用不做過多闡述）。