1. 标题样式

h1.Simple default styles for headings

h2.Simple default styles for headings

h3.Simple default styles for headings

h4.Simple default styles for headings

h5.Simple default styles for headings

h6.Simple default styles for headings

使用教程：选择复制代码使用，编辑文章时，使用文本模式插入使用;或者在编辑器上，选择样式使用。

<h1>Simple default styles for headings</h1>
<h2>Simple default styles for headings</h2>
<h3>Simple default styles for headings</h3>
<h4>Simple default styles for headings</h4>
<h5>Simple default styles for headings</h5>
<h6>Simple default styles for headings</h6>

2. 提示框

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple danger alert—check it out!

A simple warning alert—check it out!

A simple info alert—check it out!

A simple light alert—check it out!

A simple dark alert—check it out!

使用教程：选择复制代码使用，编辑文章时，使用文本模式插入使用

<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert">A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert">A simple danger alert—check it out!</div>
<div class="alert alert-warning" role="alert">A simple warning alert—check it out!</div>
<div class="alert alert-info" role="alert">A simple info alert—check it out!</div>
<div class="alert alert-light" role="alert">A simple light alert—check it out!</div>
<div class="alert alert-dark" role="alert">A simple dark alert—check it out!</div>

3. 按钮样式

Primary Secondary Success danger warning info light dark

使用教程：选择复制代码使用，编辑文章时，使用文本模式插入使用

<a class="btn btn-primary" href="#">Primary</a>
<a class="btn btn-secondary" href="#">Secondary</a>
<a class="btn btn-success" href="#">Success</a>
<a class="btn btn-danger" href="#">danger</a>
<a class="btn btn-warning" href="#">warning</a>
<a class="btn btn-info" href="#">info</a>
<a class="btn btn-light" href="#">light</a>
<a class="btn btn-dark" href="#">dark</a>

Primary Secondary Success Danger Warning Info Light Dark

使用教程：选择复制代码使用，编辑文章时，使用文本模式插入使用

<a class="btn btn-outline-primary" href="#">Primary</a>
<a class="btn btn-outline-secondary" href="#">Secondary</a>
<a class="btn btn-outline-success" href="#">Success</a>
<a class="btn btn-outline-danger" href="#">Danger</a>
<a class="btn btn-outline-warning" href="#">Warning</a>
<a class="btn btn-outline-info" href="#">Info</a>
<a class="btn btn-outline-light" href="#">Light</a>
<a class="btn btn-outline-dark" href="#">Dark</a>

4. 表格样式

#	Tab Style One	Tab Style Two	Tab Style Three
1	Text Example One	Text Example One	Text Example One
2	Text Example Two	Text Example Two	Text Example Two
3	Text Example Three	Text Example Three	Text Example Three
4	Text Example Four	Text Example Four	Text Example Four

使用教程：选择复制代码使用，编辑文章时，使用文本模式插入使用


<table>
    <tbody>
        <tr>
            <th style="text-align: center;"> #</th>
            <th> Tab Style One</th>
            <th> Tab Style Two</th>
            <th> Tab Style Three</th>
        </tr>
        <tr>
            <td style="text-align: center;"> 1</td>
            <td> Text Example One</td>
            <td> Text Example One</td>
            <td> Text Example One</td>
        </tr>
        <tr>
            <td style="text-align: center;"> 2</td>
            <td> Text Example Two</td>
            <td> Text Example Two</td>
            <td> Text Example Two</td>
        </tr>
        <tr>
            <td style="text-align: center;"> 3</td>
            <td> Text Example Three</td>
            <td> Text Example Three</td>
            <td> Text Example Three</td>
        </tr>
        <tr>
            <td style="text-align: center;"> 4</td>
            <td> Text Example Four</td>
            <td> Text Example Four</td>
            <td> Text Example Four</td>
        </tr>
    </tbody>
</table>

5. 文字

I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor.
Donec nibh massa, rutrum a sollicitudin eu, lacinia in lorem.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana.

Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor in.
Donec nibh massa, rutrum a sollicitudin eu.

I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana.
I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

6. 其他

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

文字排版