版式 - Typography

标题

到

均可使用。另外， .h1 到 .h6 类也可以使用

    
    
h1. Bootstrap heading
    
h2. Bootstrap heading
    
h3. Bootstrap heading
    
h4. Bootstrap heading
    
h5. Bootstrap heading
    
h6. Bootstrap heading
    


    
    
h1. Bootstrap heading
    
h2. Bootstrap heading
    
h3. Bootstrap heading
    
h4. Bootstrap heading
    
h5. Bootstrap heading
    
h6. Bootstrap heading

01.PNG

副标题

可以在 h 标签中嵌套 标签，作为副标题

h1. Bootstrap heading Secondary text
h2. Bootstrap heading Secondary text
h3. Bootstrap heading Secondary text
h4. Bootstrap heading Secondary text
h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text



h1. Bootstrap heading Secondary text
h2. Bootstrap heading Secondary text
h3. Bootstrap heading Secondary text
h4. Bootstrap heading Secondary text
h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text

02.PNG

页头

父元素用 page-header 类，内部嵌套标题和副标题

    
Bootstrap An intuitive front-end framework

03.PNG

段落

标签为一个段落，强调可以添加 .lead 样式

This is how a normal paragraph looks like in Bootstrap.
This is how a paragraph stands out in Bootstrap.

04.PNG

对齐

.text-left 相关的样式可以设置文本对齐方式

左对齐
居中对齐
右对齐
两端对齐。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum id metus ac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet sagittis. In tincidunt orci sit amet elementum vestibulum. Vivamus fermentum in arcu in aliquam.
不设置对齐

05.PNG

文本格式

常用的文本格式标签的可以使用

加粗文本
大号文本
这是代码
这是强调文本
这是斜体文本
这是高亮文本
小号文本
增强文本
这是 上标 和 下标
带下划线文本
带删除线的文本

06.PNG

大小写转换

The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.

07.PNG

情境文本颜色

Muted: This text is grayed out.
Important: Please read the instructions carefully before proceeding.
Success: Your message has been sent successfully.
Note: You must agree with the terms and conditions to complete the sign up process.
Warning: There was a problem with your network connection.
Error: An error has been occurred while submitting your data.

08.PNG

名人名言引用

使用

标签，可以通过设置 .pull-right 类，变成右对齐

    

        
The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it.
        by Albert Einstein
    






    

        
The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it.
        by Albert Einstein
    

09.PNG