Bootstrap常用标签

<div class="container">
        <h1>h1. Bootstrap heading</h1>
        <h2>h2. Bootstrap heading</h2>
        <h3>h3. Bootstrap heading</h3>
        <h4>h4. Bootstrap heading</h4>
        <h5>h5. Bootstrap heading</h5>
        <h6>h6. Bootstrap heading</h6>
        <span class="h1">我是一级标题</span>

        <!-- 页面主体：字体大小：14px，行高:1.428 -->
        <div>我是div中的内容</div>
        <!-- 段落后面有10px外边距 -->
        <p>我是一个段落</p>

        <p class="text-left">Left aligned text.</p>
        <p class="text-center">Center aligned text.</p>
        <p class="text-right">Right aligned text.</p>
        <p class="text-justify">Justified text.</p>
        <p class="text-nowrap">No wrap text我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容.</p>

        <p class="text-lowercase">Lowercased text.</p>
        <p class="text-uppercase">Uppercased text.</p>
        <p class="text-capitalize">Capitalized text.</p>

        <!-- list-unstyled类：去除列表符号，删除ul的左内边距 -->
        <ul class="list-unstyled">
            <li>我是第1个li</li>
            <li>我是第2个li</li>
            <li>我是第3个li</li>
            <li>我是第4个li</li>
            <li>我是第5个li</li>
        </ul>

        <!-- list-inline类：使li变为行内块元素 -->
        <ul class="list-inline">
            <li>我是第1个li</li>
            <li>我是第2个li</li>
            <li>我是第3个li</li>
            <li>我是第4个li</li>
            <li>我是第5个li</li>
        </ul>

        <!-- dl-horizontal类：让dt和dd可以水平排列 -->
        <dl class="dl-horizontal">
            <dt>吉林省</dt>
            <dd>长春市</dd>
            <dd>吉林市</dd>
            <dd>四平市</dd>

            <dt>辽宁省</dt>
            <dd>沈阳市</dd>
            <dd>大连市</dd>
            <dd>鞍山市</dd>