Bootstrap 文字/排版
Bootstrap 的預設設定
Bootstrap 的全域性預設字型大小為 14px，行高為 1.428。
這應用於 <body> 元素和所有段落 (<p>)。
此外，所有 <p> 元素都有一個底部邊距，其大小等於其計算行高的一半（預設為 10px）。
Bootstrap 與瀏覽器預設設定
在本章中，我們將介紹一些 HTML 元素，它們在 Bootstrap 中的樣式與瀏覽器預設樣式略有不同。
<h1> - <h6>
預設情況下，Bootstrap 將以以下方式設定 HTML 標題（<h1> 到 <h6>）的樣式
示例
h1 Bootstrap 標題 (36px)
h2 Bootstrap 標題 (30px)
h3 Bootstrap 標題 (24px)
h4 Bootstrap 標題 (18px)
h5 Bootstrap 標題 (14px)
h6 Bootstrap 標題 (12px)
<small>
在 Bootstrap 中，HTML <small> 元素用於在任何標題中建立更淡的輔助文字
<mark>
Bootstrap 將以以下方式設定 HTML <mark> 元素的樣式
<abbr>
Bootstrap 將以以下方式設定 HTML <abbr> 元素的樣式
<blockquote>
Bootstrap 將以以下方式設定 HTML <blockquote> 元素的樣式
示例
50 年來，世界自然基金會 (WWF) 一直在保護自然的未來。作為全球領先的環保組織，WWF 在 100 個國家開展工作，並得到美國 120 萬會員和全球近 500 萬會員的支援。
要在右側顯示引用，請使用 .blockquote-reverse 類
示例
50 年來，世界自然基金會 (WWF) 一直在保護自然的未來。作為全球領先的環保組織，WWF 在 100 個國家開展工作，並得到美國 120 萬會員和全球近 500 萬會員的支援。
<dl>
Bootstrap 將以以下方式設定 HTML <dl> 元素的樣式
<code>
Bootstrap 將以以下方式設定 HTML <code> 元素的樣式
<kbd>
Bootstrap 將以以下方式設定 HTML <kbd> 元素的樣式
<pre>
Bootstrap 將以以下方式設定 HTML <pre> 元素的樣式
示例
Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks.
上下文顏色和背景
Bootstrap 還有一些上下文類，可用於“透過顏色傳達意義”。
文字顏色類有：.text-muted、.text-primary、.text-success、.text-info、.text-warning 和 .text-danger
背景顏色類有：.bg-primary、 .bg-success、.bg-info、.bg-warning 和 .bg-danger
更多排版類
以下 Bootstrap 類可以進一步用於設定 HTML 元素的樣式
| 類 | 描述 | 示例 |
|---|---|---|
.lead |
使段落脫穎而出 | 試一試 |
.small |
表示較小的文字（設定為父元素大小的 85%） | 試一試 |
.text-left |
表示左對齊文字 | 試一試 |
.text-center |
表示居中文字 | 試一試 |
.text-right |
表示右對齊文字 | 試一試 |
.text-justify |
表示兩端對齊文字 | 試一試 |
.text-nowrap |
表示不換行文字 | 試一試 |
.text-lowercase |
表示小寫文字 | 試一試 |
.text-uppercase |
表示大寫文字 | 試一試 |
.text-capitalize |
表示大寫文字 | 試一試 |
.initialism |
在 <abbr> 元素內顯示文字，字型大小稍小 |
試一試 |
.list-unstyled |
移除列表項的預設列表樣式和左外邊距（適用於 <ul> 和 <ol>）。此類僅適用於直接子列表項（要移除巢狀列表的預設列表樣式，也需將此類應用於任何巢狀列表） |
試一試 |
.list-inline |
將所有列表項放在一行上 | 試一試 |
.dl-horizontal |
將 <dl> 元素中的術語 (<dt>) 和描述 (<dd>) 並排對齊。開始時像預設的 <dl>，但當瀏覽器視窗展開時，它們將並排對齊 |
試一試 |
.pre-scrollable |
使 <pre> 元素可滾動 |
試一試 |
完整的 Bootstrap 排版參考
有關所有排版元素/類的完整參考，請訪問我們的完整 Bootstrap 排版參考。
另請參閱我們的 Bootstrap 輔助類參考，瞭解有關上下文類的更多資訊。
