day62

day62

1. 今日概要

栅格系统
1. row必须放到container和container-fluid里面
2. 你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。


列的样式 .col-xx（lg md sm xs）-数字（1~12）

container有一个padding是15px
row有一个margin是-15px

列是支持嵌套的

列偏移： col-xx-offset-数字（1~12）

列排序： .col-md-pull-数字 .col-md-push-数字


文本对齐类：

- .text-left
- .text-center
- .text-right

表单
.form-group
.form-inline
.form-horizontal

表格
.table
.table-striped
.table-bordered
.table-hover
.table-condensed

响应式表格：
<div class="table-responsive"> // table外面包裹一层div
<table class="table">
...
</table>
</div

按钮
.btn
.btn-default
.btn-success
.btn-warning
.btn-danger

.btn-lg
.btn-sm
.btn-xs



快速浮动:
- .pull-left
- .pull-right

清除样式：
- .clearfix



2. 今日作业
1. 背景颜色 #eeeeee
2. Bootstrap form表单（水平排列的表单）
3. .container

进阶：
加上校验
has-error
span的text()