bootstrap基础css样式1

　　.container : 代表容器，要将其他元素对象放在容器里。

　   <small></small> : 标题之后经常带一个相对较小的副标题，用small标签。

　　.lead : 如果需要突出显示，添加lead类，基本就是字体变大变粗。

　　<mark></mark> : 添加一个背景。

　　.text-left;.text-center;text-right;文本居左，文本居中，文本局右。

　　.text-lowercase; .text-uppercase ; .text-capitalize :文本文字全部小写，文本文字全部大写，文本问题第一个大写。

　　<abbr tirle="attribute">hello</abbr> ：使hello下面出现ive一个省略号。

　　.list-unstyle : ul中需要无样式的有序列表。

　　.acttive： 设置活动，被选中。

　　.col-md-offset-x ：偏移x个位置。

　　&lt; 左尖括号，&gt；右尖括号。

　　<kbd></kbd> : 用户输入命令。

　　<pre></pre> : 代码片段，用包裹。 

　　<var></var> : 用var包括变量字符串。

　　<samp></samp> ; sample用来包裹输入的内容.

　　表格属性:

　　

<div class="container">
    <table class="table">
        <thead>
            <tr>
                <th>表格信息</th>
                <th>表格信息</th>
                <th>表格信息</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>表格单元格</td>
                <td>表格单元格</td>
                <td>表格单元格</td>
            </tr>
            <tr>
                <td>表格单元格</td>
                <td>表格单元格</td>
                <td>表格单元格</td>
            </tr>
            <tr>
                <td>表格单元格</td>
                <td>表格单元格</td>
                <td>表格单元格</td>
            </tr>
        </tbody>
    </table>
</div>


这就是一个基本的表格。换用其他表格的话，只需要改变table中的class属性。
.table : 普通的表格。
.table-striped : 斑马线表格，也就是隔行换色表格。
.table-bordered : 表格边框，给表格加上一个1px的边框。
.table-hover : 鼠标悬停，悬停在这里，一整个<tr>就是一横行中的都会有悬停效果。
.table-condensed : 紧凑型表格。

状态类：
.active : 颜色，灰色。
.info : 颜色，蓝色。
.success : 颜色，绿色。
.warning : 颜色，黄色。
.danger : 颜色，红色。

响应式的操作：
把最外层加一个<div class="table-responsive">
去掉那个<div class="table-container">