<h1>我是1级标题 <small>我是标题后的小字</small></h1>
<h2>我是2级标题 <small>我是标题后的小字</small></h2>
<h3>我是3级标题 <small>我是标题后的小字</small></h3>
<h4>我是4级标题 <small>我是标题后的小字</small></h4>
<h5>我是5级标题 <small>我是标题后的小字</small></h5>
<h6>我是6级标题 <small>我是标题后的小字</small></h6>

<p class="lead">有人说："诗歌如跳舞，散文如散步。"读朱自清的散文，就像是在月下进行一场心灵的漫步。在这篇《荷塘月色》中，先生以细腻的笔触，将客观的自然之景与主观的内心之情完美交融。</p>

<p>这几天心里颇不宁静。今晚在院子里坐着乘凉，忽然想起日日走过的荷塘，在这满月的光里，总该另有一番样子吧。月亮渐渐地升高了，墙外马路上孩子们的欢笑，已经听不见了；妻在屋里拍着闰儿，迷迷糊糊地哼着眠歌。我悄悄地披了大衫，带上门出去。</p>

<hr/>

<p><abbr title="HyperText Markup Language">HTML</abbr> is the best thing since sliced bread.</p>

<p>按<kbd>ctrl</kbd>+<kbd>v</kbd>可以复制。</p>

<blockquote>
    <p>好好学习，天天向上。</p>
    <footer>——毛泽东</footer>
</blockquote>

<pre><code>alert(1)</code></pre>

<ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa
        <ul>
            <li>Phasellus iaculis neque</li>
            <li>Purus sodales ultricies</li>
            <li>Vestibulum laoreet porttitor sem</li>
        </ul>
    </li>
    <li>Faucibus porta lacus fringilla vel</li>
    <li>Aenean sit amet erat nunc</li>
</ul>

<ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Faucibus porta lacus fringilla vel</li>
    <li>Aenean sit amet erat nunc</li>
</ol>

<ul class="list-unstyled">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa
        <ul>
            <li>Phasellus iaculis neque</li>
            <li>Purus sodales ultricies</li>
        </ul>
    </li>
    <li>Faucibus porta lacus fringilla vel</li>
    <li>Aenean sit amet erat nunc</li>
</ul>

<ul class="list-inline">
    <li class="list-inline-item">论坛</li>
    <li class="list-inline-item">案例</li>
    <li class="list-inline-item">捐赠</li>
    <li class="list-inline-item">联系</li>
</ul>

<dl>
    <dt>Description lists</dt>
    <dd>A description list is perfect for defining terms.</dd>
    <dt>Euismod</dt>
    <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
    <dd>Donec id elit non mi porta gravida at eget metus.</dd>
    <dt>Malesuada porta</dt>
    <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>