Bootstrap4 教程
Bootstrap4 采用了一些簡單易用的自定義排版元素，讓用戶可以對標題、正文、表格等等能夠自由定義。下面大家就一起來看看具體內(nèi)容吧。
Bootstrap 4 默認的 font-size 為 16px, line-height 為 1.5。
默認的 font-family 為 "Helvetica Neue", Helvetica, Arial, sans-serif。
此外，所有的 <p> 元素 margin-top: 0 、 margin-bottom: 1rem (16px)。
Bootstrap 中定義了所有的 HTML 標題（h1 到 h6）的樣式。請看下面的實例：
Bootstrap 還提供了四個 Display 類來控制標題的樣式: .display-1, .display-2, .display-3, .display-4。
在 Bootstrap 4 中 HTML <small> 元素用于創(chuàng)建字號更小的顏色更淺的文本:
Bootstrap 4 定義 <mark> 為黃色背景及有一定的內(nèi)邊距:
Bootstrap 4 定義 HTML <abbr> 元素的樣式為顯示在文本底部的一條虛線邊框:
對于引用的內(nèi)容可以在 <blockquote> 上添加 .blockquote 類 :
Bootstrap 4 定義 HTML <dl> 元素的樣式如下:
Bootstrap 4 定義 HTML <code> 元素的樣式如下:
Bootstrap 4 定義 HTML <kbd> 元素的樣式如下:
Bootstrap 4 定義 HTML <pre> 元素的樣式如下:
下表提供了 Bootstrap4 更多排版類的實例：
| 類名 | 描述 | 實例 |
|---|---|---|
| .font-weight-bold | 加粗文本 | 運行代碼 |
| .font-weight-normal | 普通文本 | 運行代碼 |
| .font-weight-light | 更細的文本 | 運行代碼 |
| .font-italic | 斜體文本 | 運行代碼 |
| .lead | 讓段落更突出 | 運行代碼 |
| .small | 指定更小文本 (為父元素的 85% ) | 運行代碼 |
| .text-left | 左對齊 | 運行代碼 |
| .text-center | 居中 | 運行代碼 |
| .text-right | 右對齊 | 運行代碼 |
| .text-justify | 設定文本對齊,段落中超出屏幕部分文字自動換行 | 運行代碼 |
| .text-nowrap | 段落中超出屏幕部分不換行 | 運行代碼 |
| .text-lowercase | 設定文本小寫 | 運行代碼 |
| .text-uppercase | 設定文本大寫 | 運行代碼 |
| .text-capitalize | 設定單詞首字母大寫 | 運行代碼 |
| .initialism | 顯示在 <abbr> 元素中的文本以小號字體展示，且可以將小寫字母轉(zhuǎn)換為大寫字母 | 運行代碼 |
| .list-unstyled | 移除默認的列表樣式，列表項中左對齊 ( <ul> 和 <ol> 中)。 這個類僅適用于直接子列表項 (如果需要移除嵌套的列表項，你需要在嵌套的列表中使用該樣式) | 運行代碼 |
| .list-inline | 將所有列表項放置同一行 | 運行代碼 |
| .pre-scrollable | 使 <pre> 元素可滾動，代碼塊區(qū)域最大高度為340px,一旦超出這個高度,就會在Y軸出現(xiàn)滾動條 | 運行代碼 |
以上就是為大家?guī)淼腂ootstrap4 排版的相關(guān)設置，希望對大家有所幫助。