Bootstrap4 文字排版
Bootstrap 4 默认设置
Bootstrap 4 默认的
font-size 为 16px,
line-height 为 1.5。
默认的 font-family 为 “Helvetica Neue”, Helvetica, Arial, sans-serif。
此外，所有的
元素
margin-top: 0 、 margin-bottom: 1rem (16px)。
–
Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看下面的实例：
实例
h1 Bootstrap 标题 (2.5rem = 40px)
h2 Bootstrap 标题 (2rem = 32px)
h3 Bootstrap 标题 (1.75rem = 28px)
h4 Bootstrap 标题 (1.5rem = 24px)
h5 Bootstrap 标题 (1.25rem = 20px)
h6 Bootstrap 标题 (1rem = 16px)
Display 标题类
Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。
实例
Display 标题
Display 标题可以输出更大更粗的字体样式。
Display 1
Display 2
Display 3
Display 4
在 Bootstrap 4 中 HTML 元素用于创建字号更小的颜色更浅的文本:
实例
更小文本标题
small 元素用于字号更小的颜色更浅的文本:
h1 标题 副标题
h2 标题 副标题
h3 标题 副标题
h4 标题 副标题
h5 标题 副标题
h6 标题 副标题
Bootstrap 4 定义 为黄色背景及有一定的内边距:
实例
高亮文本
使用 mark 元素来 高亮 文本。
Bootstrap 4 定义 HTML 元素的样式为显示在文本底部的一条虚线边框:
实例
Abbreviations
The abbr element is used to mark up an abbreviation or acronym:
The WHO was founded in 1948.
对于引用的内容可以在
上添加 .blockquote 类 :
实例
Blockquotes
The blockquote element is used to present content from another source:
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
