二、bootstrap排版

知识点：
1、标题
2、内联文本元素
3、缩略语 html title
4、地址
5、引用
6、列表
7、代码

1、标题

   //从 h1 到 h6
   
Bootstrap 排版
 //36px
   
Bootstrap 排版
 //30px
   
Bootstrap 排版
 //24px
   
Bootstrap 排版
 //18px
   
Bootstrap 排版
 //14px
   
Bootstrap 排版
 //12px
   //段落添加强调文本
   
bootstrap课程
   
hello world

2、内联文本元素

   //添加标记，元素或.mark 类
   
Bootstrap排版
   //各种加线条的文本
   Bootstrap 排版  //删除的文本
   Bootstrap 排版  //无用的文本
   Bootstrap 排版  //插入的文本
   Bootstrap 排版  //效果同上，下划线文本
   //各种强调的文本
   Bootstrap 排版  //标准字号的 85%
   Bootstrap 排版    //加粗 700
   Bootstrap 排版    //倾斜
   
向左对齐文本
   
居中对齐文本
   
向右对齐文本
   
对齐文本。该段落会根据屏幕的大小对超出屏幕的文字进行换行
   
该段落不会根据屏幕的大小对超出屏幕的文字进行换行。
   
BOOTSTROP
   
bootstrap
   
Bootstrap
 //单词首字母大写

3、缩略语

HTML 元素提供了用于缩写的标记，比如 WWW 或 HTTP。Bootstrap 定义 元素的样式为显示在文本底部的一条虚线边框，
当鼠标悬停在上面时会显示完整的文本（只要您为 title 属性添加了文本）。为了得到一个更小字体的文本，
请添加 .initialism 到 。

   WWW

   RSS

4、地址

   //address> 默认为 display:block;，需要使用标签来为封闭的地址文本添加换行。
   

     Twitter, Inc.

     795 Folsom Ave, Suite 600

     San Francisco, CA 94107

     P: (123) 456-7890
   
   

     Full Name

     [email protected]
   

5、引用

   //默认样式引用，增加了左边线，设定了字体大小和内外边距
   
 Bootstrap 框架 
   //反向
   
 Bootstrap 框架 
   //多种引用样式
   

       
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
       
Someone famous in Source Title
   

6、列表

有序列表、无序列表、自定义列表

   .list-unstyled//无符号
   .list-inline//横排显示
   .dl-horizontal   应用于 
 元素和 
 元素中

7、代码

   .pre-scrollable  使 
 元素可滚动 scrollable
   //内联代码   

   //用户输入   press ctrl + ,
   //标记变量   y = mx + b
   //程序输出   This text is meant to be treated as sample output from a computer program.
   //代码块     
Please input...