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. 提示框

使用教程:选择复制代码使用,编辑文章时,使用文本模式插入使用
<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. 按钮样式

PrimarySecondarySuccessdangerwarninginfolightdark

使用教程:选择复制代码使用,编辑文章时,使用文本模式插入使用
<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>

PrimarySecondarySuccessDangerWarningInfoLightDark

使用教程:选择复制代码使用,编辑文章时,使用文本模式插入使用
<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.

  1. Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  2. Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor in.
  3. 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.


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.