bootstrap系统学习

1.响应式中注意的内容：

一行(row)必须在.container中。

col-xs-

col-sm-

col-md-

col-lg-

列偏移 .col-md-offset-*

列排序 .col-md-push-*  .col-md-pull-*

2.文本排版

h1-h6 类h1-h6

强调文本  small   strong  em  cite b和strong一样吧

缩略语     abbr 

地址元素 address

引用  blockquote

3.代码：

<code>显示单行内联代码

<kbd>显示用户输入代码

<pre>多行代码块

<var>变量

<samp>程序结果

4.链表ul li 

去点列表 .list-unstyled

内联列表.list_inline

水平列表dl.dl-horizontal

5.table

带背条纹表格.table-striped

带边框.table-border

紧凑.table-condensed

悬停.table-hover

行样式 .active .success .info

6. 表单

.form-control

.form-group

在form上应用.form-horizontal

control-label

<form class="form-horizontal" role="from">
                <div class="form-group">
                    <label class=" col-sm-2 control-label">用户名:</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control"/>
                    </div>
                </div>
</form>

单选和复选框

<div class="radio">
   <label><input type="radio" name="sex" value="M" />男</label>
</div>
<div class="checkbox">
   <label><input type="checkbox" />中国</label>
</div>

bootstrap系统学习

原文：http://www.cnblogs.com/coding4/p/6357333.html