段落是排版中另一個(gè)重要元素之一。在Bootstrap中為文本設(shè)置了一個(gè)全局的文本樣式（這里所說的文本是指正文文本）：
1、全局文本字號(hào)為14px(font-size)。
2、行高為1.42857143（line-height），大約是20px(大家看到一串的小數(shù)或許會(huì)有疑惑，其實(shí)他是通過LESS編譯器計(jì)算出來的，當(dāng)然Sass也有這樣的功能)。
3、顏色為深灰色（#333）；
4、字體為"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family），或許這樣的字體對(duì)我們中文并不太合適，但在實(shí)際項(xiàng)目中，大家可以根據(jù)自己的需求進(jìn)行重置，在此我們不做過多闡述，我們回到這里。該設(shè)置都定義在<body>元素上，由于這幾個(gè)屬性都是繼承屬性，所以Web頁面中文本（包括段落p元素）如無重置都會(huì)具有這些樣式效果。
/*源碼請(qǐng)查看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元素之間具有一定的間距，便于用戶閱讀文本，特意設(shè)置了p元素的margin值（默認(rèn)情況之下，p元素具有一個(gè)上下外邊距，并且保持一個(gè)行高的高度）：
/*源碼請(qǐng)查看bootstrap.css文件中第467行~469行*/
p {
margin: 0 0 10px;
}
如果你對(duì)CSS預(yù)處理器有所了解，那么你完全可以根據(jù)Bootstrap提供的預(yù)編譯版本LESS(或者Sass)進(jìn)行自定義排版設(shè)置。在Bootstrap中，排版設(shè)置的默認(rèn)值都存在variables.less文件中(Sass版本存在_variables.scss中)的兩個(gè)變量：
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
第一條語句用于設(shè)置字體大小，第二條語句用于設(shè)置行高。系統(tǒng)默認(rèn)使用這兩個(gè)值產(chǎn)生整個(gè)頁面相應(yīng)的margin、padding和line-height的值。換句話說，你只需要修改這兩個(gè)變量的值，然后重新編譯，就可以自定義自己的Bootstrap排版樣式。（有興趣的同學(xué)可以嘗試一下，此處對(duì)于LESS或Sass版本運(yùn)用不做過多闡述）。
我也來試一試：完成下面任務(wù)
請(qǐng)?jiān)谟覀?cè)代碼編輯器的第13行輸入正確代碼。將“我是一個(gè)段落，你猜我在Bootstrap是以什么樣的風(fēng)格顯示。”內(nèi)容以一個(gè)段落在瀏覽器中顯示。
正確代碼：
<p>我是一個(gè)段落，你猜我在Bootstrap是以什么樣的風(fēng)格顯示。</p>
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)