Bootstrap文字排版

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文字排版_第1张图片


Bootstrap文字排版_第2张图片

Display 标题类

Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。

Bootstrap文字排版_第3张图片

Bootstrap文字排版_第4张图片

在 Bootstrap 4 中 HTML  元素用于创建字号更小的颜色更浅的文本:




Bootstrap 4 定义   为黄色背景及有一定的内边距:





Bootstrap 4 定义 HTML  元素的样式为显示在文本底部的一条虚线边框


Bootstrap文字排版_第5张图片


对于引用的内容可以在 

 上添加 .blockquote 类 :


Bootstrap文字排版_第6张图片

Bootstrap文字排版_第7张图片


Bootstrap 4 定义 HTML 

 元素的样式如下:


Bootstrap文字排版_第8张图片

Bootstrap文字排版_第9张图片

Bootstrap 4 定义 HTML  元素的样式如下:


Bootstrap文字排版_第10张图片

Bootstrap文字排版_第11张图片

Bootstrap 4 定义 HTML  元素的样式如下:



 

Keyboard Inputs


 

To indicate input that is typically entered via the keyboard, use the kbd element:


 

Use ctrl + p to open the Print dialog box.


Bootstrap文字排版_第12张图片

Bootstrap 4 定义 HTML 

 元素的样式如下:


Multiple Code Lines


For multiple lines of code, use the pre element:


 
  
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks.

Bootstrap文字排版_第13张图片

Bootstrap文字排版_第14张图片

你可能感兴趣的:(Bootstrap文字排版)