<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    </style>
</head>
<body>
    <div class="container">
        <p class="text-left">你好么？</p>
        <p class="text-center">你好么？</p>
        <p class="text-right">你好么？</p>
        <!-- 字体有背景 -->
        <p class="mark">你好么？</p>
        <!-- 有明显的字体变化，较大，更突出。 -->
        <p class="lead">你好么？</p>
        <!-- 缩略语，文字下面有小点，放上去有提示 -->
        <p class="text-right">你好么<abbr title="哈哈哈哈哈哈哈？">哈哈哈哈哈哈哈？</abbr></p>
        <!-- 都是小写 -->
        <p class="text-lowercase">sadf SDfe</p>  
        <!-- 都是大写   -->
        <p class="text-uppercase">sadf SDfe</p>
        <!-- 首字母大写 -->
        <p class="text-capitalize">sad fsdfe</p>
        <!-- 没有样式的列表 -->
        <ul class="list-unstyled">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
        我想打出html标签<code>&ltselect&gt</code>这种样式<br>
        我希望输入<kbd>cmd</kbd>命令<br>
        <pre>
            。。。。。
        </pre>

        变量 <var>x</var>=<var>y</var>+<var>z</var><br>
        输出的结果一般用这个标签表示：<samp>hello world</samp>
    </div>
</body>
</html>

bootstrap的一些基本类_前端开发